为什么输入框在Ipad上显示如此不同但在chrome上却显示如此不同
阿舒托什
除了输入字段和旁边的提交按钮，我的网站正常运行。它们在iPad上无法正确显示。输入框的高度比“提交”按钮略高，这看起来很奇怪。
我个人认为iPad是safari行动版，具有不同的视口（1024px）等，但呈现与Chrome相同的webkit外观。那么，为什么输入框在iPad上显示不同？
这是我的桌面版Google Chrome中的外观：
这是在iPad上的外观：
HTML部分的用法如下：
<div id="search-form">
<input id="Search" class="defaultText defaultTextActive" title="search shzamm!" type="text" spellcheck="false">
<input onclick="javascript:someFunction();" type="button" value="Go" class="search_btn">
</div>
与CSS相同的是：
#search-form {
overflow: auto;
box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
margin-bottom: 26px;
}
input#Search {
-webkit-appearance: none;
border-radius: 0;
-webkit-border-radius: 0;
}
.defaultText {
width: 88%;
padding-left: 4px;
height: 29px;
float: left;
background-color: #f7f7f7;
border-right: 0px solid #666;
border-bottom: 1px solid #666;
border-color: #999;
margin-right: -33px;
}
.defaultTextActive {
color: #999;
font-style: italic;
font-size: 15px;
font-weight: normal;
}
.search_btn {
font-size: 13px;
font-weight: bold;
height: 34px;
cursor: pointer;
float: right;
margin: 0;
width: 33px;
background: url("../images/search.jpg") no-repeat;
text-indent: -99999px;
border: 1px solid #999;
border-top: 2px solid #000;
margin-top: 0px;
margin-right: 1px;
}
如您所见，输入的边框效果在iPad中也无法正确呈现。有人对此有任何线索吗？
用户名
尝试使用-webkit-appearance摆脱默认样式。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
为什么输入框在Ipad上显示出如此不同但在chrome上却显示出如此不同
- 2
默认输入边框在 div 上显示不同
- 3
为什么我的应用程序在iPad上的显示与模拟器上的显示不同？
- 4
为什么Firebug显示的CSS样式与我在CSS文件中看到的样式如此不同？
- 5
为什么我的wifi IP地址与网络上的其他设备如此不同
- 6
为什么设计视图中的布局在实际设备上如此不同？
- 7
为什么ListView中的元素在不同的设备上显示不同？
- 8
为什么链接组件在Chrome上显示在页面外，但在Firefox上可以显示？
- 9
为什么在iPad Air上iPhone应用程序的inputView是如此错误？
- 10
为什么我的镜面反射高光在多边形边缘上显示得如此强烈？
- 11
为什么在CentOS和RHEL上发现显示不同的顺序？
- 12
为什么我的显示在 iPhone 模拟器和 iPad 模拟器上看起来不同？
- 13
为什么民间传说和ramda如此不同？
- 14
为什么R hist和ggplot直方图输出如此不同？
- 15
为什么这些TShapes看起来如此不同？
- 16
为什么R hist和ggplot直方图输出如此不同？
- 17
为什么zip和rm命令之间的通配符*如此不同？
- 18
为什么代表1.0和2.0的位串如此不同？
- 19
为什么auc与sklearn和R的逻辑回归如此不同
- 20
为什么流（通过LAN）的速度和质量如此不同？
- 21
为什么 sma 与 wma 在 pinescript 的 for 循环中如此不同？
- 22
为什么严格模式会使如此简单的动作变得如此不同？
- 23
在输入上显示与v模型不同的值
- 24
为什么相同的查询在从MySQL服务器上和主MySQL服务器上的解释和执行如此不同？
- 25
为什么计时器显示的如此违反直觉？
- 26
当我在localhost上访问时，为什么我的复选框在chrome上看起来不同？
- 27
为什么在Ubuntu上设置Ruby on Rails如此困难？
- 28
为什么在Windows上卸载程序如此缓慢？
- 29
为什么RabbitMQ在消息速率上显示活动，但在排队消息上不显示活动？
我来说两句