html - 我如何使用 HTML 和 CSS 在我的下拉菜单中获得这种类型的样式

Question

我当前的下拉菜单是这样的

我如何在本地样式中使用 HTML 和 CSS 在我的下拉菜单中的附加图像中获得这种类型的样式

查看下面的代码

select:active,
select:hover {
  outline-color: red;
  background-color: red;
}

<select id="select">
  <option value="">All Categories</option>
  <option value="Aston Martin">Aston Martin</option>
  <option value="Audi">Audi</option>
  <option value="Bentley">Bentley</option>
  <option value="Genesis">Genesis</option>
  <option value="Volvo">Volvo</option>
  <option value="VW">VW</option>
</select>

Answer 1

无法设置 HTML select, option 标签的样式，但是，您可以使用 JS 库，例如 this一。它们创建相同的结果，但来自其他 HTML 标记，因此您可以根据需要设置样式。还要检查 this有关您的问题的更多背景信息。