css - 我的复选框输入在 IOS 13.7 上保持小得离谱
问题描述
我想知道你是否可以帮助我。我有多个复选框输入,并且在许多设备和浏览器中进行了测试。仅在 Apple 13.7 中,我看到我的复选框输入是圆形的并且非常小,如下图所示:
我的html:
form-group {
margin-bottom: 15px;
}
.dataallow {
display: flex;
}
.dataallow input {
margin-right: 8px;
}
label {
color: #595959;
}
.dataallow label {
margin-left: 3px;
margin-bottom: 0;
}
.size-small {
font-size: 13px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group dataallow">
<input type="checkbox">
<label class="gray-25 size-small">Text text text text</label>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="form-group dataallow">
<input type="checkbox">
<label class="gray-25 size-small">Text text text text</label>
</div>
</div>
</div>
我也在其中使用引导程序 3。
解决方案
只需将 a 添加min-width: 20px
到输入元素。
当标签的长度比平时长时,它会在 iOS 中发生。
推荐阅读
- android - 在firebase数据库中写入新数据不成功
- alexa - Alexa 能否理解 X001、A1234 等字母数值?如果是,那么如何实现呢?
- vba - 使用 VBA 生成一系列电子邮件,导致运行时错误“91”
- c# - 从文件恢复文件系统层次结构
- xslt - xslt 从兄弟元素到嵌套元素
- jquery - 从 Chrome 打印/保存到 pdf 时,有没有办法将您的 div 内容强制适合单个纸张(字母)?
- ruby-on-rails - 获取参数 JSON Rails
- jenkins - 如何在Jenkinsfile中定义上下游项目
- java - 如何在 Java 中使用 scalaz.Reader
- python - 导出时替换部分 URL?