html - CSS3筛选器可以应用于<select>内部的选项吗？

打开后，我想模糊选择下拉列表中的选项。我可以模糊所选的选项，但不能模糊其中的选项。

select option {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

这是一个测试的codepen：

https://codepen.io/santalurr/pen/LLVWBB

最佳答案

您可以在类名称后使用:hover：

select option:hover {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    color: blue; /* Just checking if rule and styles are working */
}

关于html - CSS3筛选器可以应用于<select>内部的选项吗？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44416215/