css - webkit-box-阴影 :inset not working on Chrome Version 48. 0.2564.109

Question

我的 webkit-boxshadow 有问题，它在最新的 chrome 浏览器中不起作用 这是代码，请提供任何解决方案。它在 Firefox 中运行良好。

option:checked { box-shadow: 0 0 10px 100px #2eb135 inset;
-webkit-box-shadow: 0 5pc -5px 100px #2eb135 inset;}

option:hover{-webkit-box-shadow: 0px 0px 8px 2px #CCCCCC inset;}

Answer 1

根据 CanIUse box-shadow 属性不再需要前缀。因此，您只需使用以下样式就可以了:

option:checked {
    box-shadow: inset 0 0 10px 100px #2eb135;
}

option:hover {
    box-shadow: inset 0 0 8px 2px #CCCCCC;
}