歌剧插图框阴影

Question

Opera 从 v10.5 开始支持 box-shadow，但它不适用于输入元素。

input[type=text] {
    background-color: #fff;
    border: 1px solid #a0a0a0;
    box-shadow: inset 1px 1px 1px #d2d2d2;
    -o-box-shadow: inset 1px 1px 1px #d2d2d2;
}

<input type="text" name="test" />

此代码在 Chrome 和 Firefox 上运行良好，我在 OSX 10.6 上使用 Opera 11.01。有人可以帮忙解决这个问题吗？

Answer 1

它看起来像是 Opera 中的一个错误(我刚刚报告了它)。您可以使用 background: transparent; 它会起作用(假设容器的背景也是白色的)。

此外，没有 -o-box-shadow，Opera 支持无前缀的 box-shadow 属性，因为它实现了它。