在ipad / safari的箱子阴影 [英] box shadow on an ipad / safari

问题描述

我无法将焦点漂亮的影子在我的iPad上的Safari浏览器的输入框。

下面是我的代码

  / *记住定义焦点样式！ * / 
：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的重置。
我希望它看起来像这样：

任何想法？

谢谢你们。

解决方案

我有同样的问题，但我找到了解决办法：

  -webkit-appearance：none; 
  

但是当插入阴影时，它不工作。

I'm having trouble adding the nice shadow on focus for an input box on my ipad for safari.

Here's my code

/* 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;
    }

I'm using eric meyer's reset. I want it to look like this:

Any ideas?

Thanks guys.

Jason

解决方案

I have the same problem but I found the solution:

-webkit-appearance: none;

However it does not work when there is an inset shadow.

这篇关于在ipad / safari的箱子阴影的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！