歌剧插图框阴影
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。有人能帮忙解决这个问题吗？
Opera has had support for box-shadow since v10.5, but it doesn't work on an input element.
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" />
This code works fine on Chrome and Firefox, I'm using Opera 11.01 on OSX 10.6. Can anybody help fix this?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
它看起来像是 Opera 中的一个错误（我刚刚报告了它）。您可以使用
background:transparent;并且它会起作用（假设容器的背景也是白色的）。另外，没有
-o-box-shadow，Opera 自实现以来就支持无前缀box-shadow属性。It looks like a bug in Opera (I just reported it). You can use
background: transparent;and it will work (assuming that the background of the container is also white).Also, there's no
-o-box-shadow, Opera supported the nonprefixedbox-shadowproperty since it implemented it.它似乎确实是一个错误，但是我有一个它正在工作的表单，但无法弄清楚为什么 - 将其剥离似乎添加
border-radius使其出现（如果您仍然需要背景颜色，不能使用 Lea 的解决方案） - 如果你不想要明显的圆角，你可以使用 1px 半径It does appear to be a bug, I however had a form where it was working and couldn't figure out why - stripping it down it appears that adding
border-radiusmakes it appear (if you still need the background color and can't use Lea's solution) - if you don't want obvious rounded corners you can use a 1px radiusOpera 忽略了输入元素上的许多 CSS 属性。 Box-shadow 并不是唯一的一种。文本阴影或文本转换也会被忽略。
当您处理按钮时，使用按钮元素而不是输入可能是一个解决方案。
Opera is ignoring many css properties on input elements. Box-shadow is not the only one. Text-shadow or text-transform are also ignored.
Using a button element istead of an input can be a solution when you deal with buttons.
另外，如果您需要在 Lea 的解决方案中添加背景颜色，您可以再添加一个插入阴影，如下所示
Also, if you need background-color additional to Lea's solution, you can add one more inset shadow, like so