在ipad上的影子/ safari

我在爲我的ipad for safari上的輸入框重點添加好陰影時遇到了問題。在ipad上的影子/ safari

這裏是我的代碼

/* remember to define focus styles! */ 
:focus { 
    outline: 0; 
}  
input[type=text]{ 
     width: 494px; 

     height: 44px; 
     line-height: 44px; 
     font-size: 24px; 
     border: 2px solid #666666; 
    } 
    input:focus{ 
     -webkit-box-shadow:0 0 15px #ffffff; 
     -moz-box-shadow: 0 0 15px #ffffff; 
     box-shadow:0 0 15px #ffffff; 
    }

我使用Eric Meyer的重置。我希望它看起來像這樣： alt text

任何想法？

謝謝你們。

傑森

來源

2010-10-10 Jason

我有同樣的問題，但我找到了解決辦法：

-webkit-appearance: none;

然而，當有插圖的陰影這是行不通的。

來源

2010-11-14 15:49:43 Thai

它的工作原理，謝謝！ – szym 2012-03-23 15:21:53

我可以確認這適用於iPad 3 Safari上文本輸入字段的插入框陰影。 – james6848 2012-08-30 18:08:55

完美，謝謝！似乎像一個奇怪的黑客雖然..？ – dmp 2013-11-13 15:08:47

<input type="text" name="success" value="fail">

沒有骰子的人，iPad已經沒有了這是這麼沒用的支持，鉻是它！

更新：

-webkit-appearance: none; FTW

來源

2010-10-14 03:12:30 Jason

在我的情況下，設置border-radius解決了我的問題。

border-radius: 1px;

來源

2015-10-08 07:40:59

這實際上是iPhone 6plus爲我工作的唯一答案。 – 2016-03-10 23:04:27

謝謝Mahshid :) – 2016-03-12 18:53:37

在ipad上的影子/ safari

回答

相關問題