Safari浏览器,文本框高度滚动或文本框更改像textarea,任何人都可以说为什么问题上升?
Html代码(检查元素)
<div class="col-xs-12 col-sm-12 col-md-8 pull-right">
<input type="tel" class="form-control ng-pristine ng-untouched ng-valid ng-empty" placeholder="(+Country Code) - Area Code - Phone Number" name="alternate_mobile" ng-model="myModel.alternate_mobile">
</div>
Css代码
textarea, input[type="text"], input[type="password"]{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #FFFFFF !important;
background-image: none !important;
border: 1px solid #c8c7cc;
border-radius: 0;
color: #5b5b60 !important;
font-family: inherit !important;
font-size: 14px !important;
line-height: 1.2 !important;
padding: 5px 4px;
box-shadow: none !important;
resize: vertical !important;
}
.form-control {
display: block;
width: 100%;
height: 34px;}
拖动时的高度变化 建议 - 有助于在safari浏览器中修复此错误和那些面孔问题
答案 0 :(得分:0)
是的,我发现 - 为什么文本框是垂直拖曳的,并在野生动物园中显示为textarea - 他们给了 调整大小:垂直!重要, 这在Safari浏览器中令人不安 将所有文本字段显示为textarea