Safari浏览器,文本框高度滚动或文本框更改像textarea,任何人都可以说为什么问题上升?

时间:2016-10-06 05:40:30

标签: html google-chrome input safari textbox

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;}

in chromer in safari

拖动时的高度变化 建议 - 有助于在safari浏览器中修复此错误和那些面孔问题

1 个答案:

答案 0 :(得分:0)

是的,我发现 - 为什么文本框是垂直拖曳的,并在野生动物园中显示为textarea - 他们给了  调整大小:垂直!重要, 这在Safari浏览器中令人不安 将所有文本字段显示为textarea