1. 首頁
  2. 問答
  3. CSS Box Shadow無法在iPhone上工作

CSS Box Shadow無法在iPhone上工作

2013-03-15 54 views
1

出於某種原因，我無法在iPhone或Safari瀏覽器上顯示CSS box-shadow。以下是代碼：CSS Box Shadow無法在iPhone上工作

input.error { 
    box-shadow: 0 0 5px 1px rgba(224, 39, 14, 1); 
    -webkit-box-shadow: 0 0 5px 1px rgba(224, 39, 14, 1); 
    -moz-box-shadow: 0 0 5px 1px rgba(224, 39, 14, 1); 
}

該代碼正在HTML輸入字段上使用，會導致任何問題嗎？我究竟做錯了什麼？

在瀏覽器中顯示精細起來......

來源

2013-03-15 Romes

+0

可能重複的[iPhone iOS不會正確顯示框陰影]（http://stackoverflow.com/questions/10757146/iphone-ios-will-not-display-box-shadow-properly） – user 2014-04-14 13:25:46

回答

5

如果在表單塊，加

-webkit-appearance: none;

的iPhone可以搞砸形式。見here。

來源

2013-03-15 19:29:31 Bjoern

0

因爲你寫的錯
試試這個：

-webkit-box-shadow: 0 5px 1px rgba(224, 39, 14, 1);

你只寫3的大小爲它

來源

2013-03-15 19:29:37

1

嘗試增加-webkit-appearance: none;的iOS往往陷入困境的形式。

來源

2013-03-15 19:30:03

相關問題

 相關問題