选择标签样式

有没有一种方式来样式<select>或<option>在css中的标签？我使用<select>标签的背景图像，但问题在于它没有占用行高，因此它没有垂直对齐中间（特别是FF），并且使用填充使得箭头看起来很丑。我将如何解决这个问题？选择标签样式

2011-09-13 kd7

select标签为非常难款式。如果事实上，除了一些非常基本款式，他们几乎是un-style-able。

原因是浏览器不是它的绘图。它主要由OS处理。

如果你需要更多的控制，你应该用Javascript替换它们。这样，他们只是一堆可以轻易被CSS操纵的div/spans。

惊人的jQuery plugin called "chosen"基本上是围绕这个想法。一探究竟。

2011-09-13 04:02:32

这是事实。但仔细阅读，因为如果您使用完全以JS编码的SELECT，您最终会在未启用它的情况下打破用户表单。 – ShaneC

但是有很多漂亮的select选项的很好的例子。它们是由js完成的吗？ – kd7

@ShaneC - 这样做的方法是从一个简单的'select'开始。然后，如果启用了JavaScript，则替换它。事实上，这就是“选择”的工作方式，但更进一步：即使启用了JavaScript，select也不会被删除。它仍然坐在那里，从视野中隐藏起来，解除了它所有的本土事件。 –

给内联风格，你会得到。

2011-09-13 04:16:43

回答