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

Question

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

它很简单:
Select ?
to to
Select ?
Value1
Value2
或类似的东西

HTML:

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

问题:如何在纯CSS中完成,没有任何JavaScript？

Answer 1

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

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