活动状态下的 Opera 和 box-shadow 插图

发布于 2024-11-18 21:16:19 字数 269 浏览 4 评论 0原文

看看这个 按钮

在 Chrome 中,这看起来不错,但切换到 Opera 你按下按钮时看不到框阴影(:活动)。仅当 :active 状态下的 box-shadow 设置为 inset 时才会出现此问题,即如下所示: box-shadow: 0px 0px 10px #000 inset;

有人知道为什么会发生这种情况吗?

take a look at this button

In Chrome this looks fine but switching to opera you can not see the box-shadow when the button is pressed (:active). This problem only occurs when the box-shadow on :active state is set to inset i.e. like this: box-shadow: 0px 0px 10px #000 inset;

Anyone knows why this happens?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

¢好甜 2024-11-25 21:16:19

添加一些边框半径:

    border-radius: 1px;

这样就可以了。

Add some border radius:

    border-radius: 1px;

with that, it works.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文