Question

我正在尝试禁用输入=文本字段中的顶部内部阴影，默认情况下由iPhone应用。任何想法如何做到这一点？试图覆盖-webkit-box-shadow但没有成功。

alt text http://feedsmanagement.com/example.png

欢呼声

Answer 1

您是否尝试过使用-webkit-appearance: none，然后应用自定义边框，例如border: 1px solid black;

此刻我无法尝试这一点。

Answer 2

您可以添加背景图像渐变以移除内部阴影; background-image：-webkit-gradient（线性，0％0％，0％100％，从（RGB（255,255,255）），到（RGB（255,255,255）））;

Answer 3

我遇到了同样的问题，希望显示样式的输入文本字段：没有阴影。我的解决方案（在iPad / iPhone上完美运行）使背景gif完全透明。将该样式应用于输入字段。我的代码是：

.textBox输入{ 边界：无; 背景：网址（../图像/ bg_inputFix.gif）; }

-Jamin

Answer 4

我发现Jamin的回答现在更好了。如果我使用-webkit-appearance: none方法，在iPad上，当选择textarea / input时，它不再应用我的焦点（伪类）样式。它有点破坏我的造型风格，因为没有聚焦的textareas /输入显着被制服。

Answer 5

我做了背景渐变但它不起作用，我也找到了它的变体：

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

这也没有奏效：（

Answer 6

-webkit-appearance:caret;

应仅删除输入上的插入阴影

iPhone网络应用程序 - 类型=文本内部阴影问题

6 个答案: