相关疑难解决方法(0)

我无法在我的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的重置.我希望它看起来像这样:

有任何想法吗？

多谢你们.

贾森

我发现在iOS 7的WebKit中似乎是一个错误,但仅限于iPad 3和4,这让我相信它与硬件相关.

错误:如果我将扩展值(第四个值)添加到CSS框阴影,整个阴影消失.我在这里提出了一个例子.

任何人都可以使用iOS 7在iPad 3和4上确认此错误吗？

Safari有一些奇怪的行为box-shadow.

input[type="text"]{
    -webkit-box-shadow: 0 0 8px #000000;
    box-shadow: 0 0 8px #000000;
}
input[type="text"]:focus{
    outline: none;
    -webkit-box-shadow: 0 0 8px #ffffff;
    box-shadow: 0 0 8px #ffffff;
}

将box-shadow被显示,但只要元素获得焦点的阴影完全消失.如果您未设置任何内容,则会发生相同的效果:焦点.

它适用于Desktop-Safari.我正在使用iOS 5测试版(iPad),我无法在稳定版本或其他设备上测试它.

有人有解决方案吗？

出于某种原因,我无法在iPhone上的Safari或Chrome上显示CSS box-shadow.这是代码:

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输入字段上使用,这会导致任何问题吗？我究竟做错了什么？

在浏览器中显示...