如何在css上自定义<select>？

Question

所以我试图自定义一个完整的Dropbox（国家选择器）而不是常规外观，我想为它添加一个不同的设计。 经常设计 [ 我想要的设计 第一个图像是带有颜色调整的默认版本，它是在网站上运行的版本，我想让设计看起来像我上传的第二张图片。 第二个版本是我在photoshop上获得的，我如何自定义我的＆lt; select＆gt;到第二张照片？这是我在css上获得的代码，我尝试使用:: webkit并且它没有工作。 CSS .paistofill option {     背景色：＃a5e4c9;     font-weight：normal;     白空间：pre;     min-height：0.0em;     填充：0px 0px 0px;     border-radius：50px; } .paistofill选择{     背景颜色：白色;     颜色：＃a5e4c9;     border-radius：50px; } 选择自定义对元素没有影响，我需要做什么？

Answer 1

为此，您需要使用插件（或自己制作），如https://select2.github.io/。您无法在每个浏览器中可靠地自定义选择的下拉列表。这些插件通常替换并创建select（和下拉列表）的div元素，其作用类似于普通选择。然后，您可以使用css轻松修改这些元素。