具有自定义样式的 html 下拉列表

如何彻底改变元素的设计？我正在尝试制作如下图所示的下拉菜单，我写的是

<select>
 <option value="0">Title</option>
  <option value="1">Mrs</option>
  <option value="2">Mr</option>
</select>

我陷入了放置自定义图像以打开下拉列表的下拉列表以及如何设置选择元素的样式

enter image description here

最佳答案

众所周知，某些表单元素很难单独使用 CSS 进行样式设置，但在所有浏览器中视觉效果仍然相同。

设置 SELECT 元素样式的建议做法通常是使用 JavaScript 解决方案，因为这可以跨浏览器工作。

关于具有自定义样式的 html 下拉列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14580940/

相关文章：

jquery - 如何使用窗口调整大小调整 css 中的表单宽度？