如何在CSS中创建没有图像的自定义选项菜单样式？

Question

[我不想要Unicode字符]
例如：使用黑色向下三角形。
它会使用-webkit-appearance: none;让它看起来更好。

这很简单：
Select ▼
到
Select ▼
Value1
Value2
或类似的东西

HTML：

<select>
  <option>Value1</option>
  <option>Value2</option>
</select>

问题：如何在纯CSS中执行此操作，不使用任何JavaScript？

Answer 1

选择框不是真正的样式，所以如果这不可能，我不会感到惊讶。有一些有限的造型选择，但即使它们不可靠。有效地设置选择框的唯一方法是通过jQuery，不幸的是，图像。我最喜欢的造型插件是Uniform - 也许值得一看。

我提出了this纯HTML，hacky解决方案，但它很糟糕。箭头在到达选择框之前捕获鼠标事件。你需要做一些黑客来消除它。

Answer 2

您可以看到here仅限css的解决方案，仅适用于webkit