我正在尝试禁用 iPhone 默认应用的 input=text 字段中的顶部内阴影。任何想法如何做到这一点？试图覆盖 -webkit-box-shadow 没有成功。
替代文字 http://feedsmanagement.com/example.png
干杯
问问题
15424 次
6 回答
31
您是否尝试过使用-webkit-appearance: none然后应用自定义边框，例如border: 1px solid black;
我现在不能试试这个。
于 2010-05-15T14:21:24.447 回答
7
您可以添加背景图像渐变以去除内部阴影；背景图像：-webkit-gradient（线性，0% 0%，0% 100%，从（rgb（255,255,255）），到（rgb（255,255,255）））；
于 2011-01-31T09:28:17.647 回答
2
我有同样的问题，想要显示样式的输入文本字段：没有阴影。我的解决方案（在 iPad/iPhone 上完美运行）使背景 gif 完全透明。将该样式应用于您的输入字段。我的代码是：
.textBox 输入 { 边框：无；背景：网址（../images/bg_inputFix.gif）；}
-贾敏
于 2010-06-07T19:17:42.457 回答
2
我发现 Jamin 的回答现在更好。如果我使用该-webkit-appearance: none方法，请在iPad上，在选择Textarea /输入时，不再应用我的焦点（伪类）样式。这有点毁了我的表单样式，因为不在焦点上的文本区域/输入明显减弱。
于 2010-07-23T01:41:16.180 回答
2
我做了背景渐变，但它不起作用，我还发现了它的一个变体：
input[type='text']{
-webkit-border-radius: 0;
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(hsla(0,0%,100%,0)), to(hsla(0,0%,100%,0)));
background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0));
}
这也没有奏效:(
于 2012-05-08T12:10:32.703 回答
0
-webkit-appearance:caret;
应该只删除输入上的嵌入阴影
于 2013-06-18T15:13:37.050 回答