SELECT元素的CSS

Question

我目前正在尝试正确CSS样式的SELECT元素。

具体来说，我想做的是让初始选择的值与箭头/ select / icon /打开选项列表之间的距离稍微远一点。

目前，它显示为：VALUE [V]，其中[V]是三角形/箭头按钮。我想在VALUE的结尾之间创建一个间距，无论是什么，以及select元素的[V]按钮/部分。保证金显然不相关，填充也发生在[V]之外。

由于我有几个SELECT - 除了单独为每个元素赋予宽度之外，是否有通过CSS执行“CLEAN”或“ELEGANT”方法？

此致 G.Campos

Answer 1

为什么你不能使用填充？它似乎做你想做的事情。看看这个：

http://jsfiddle.net/GYyKh/1/

Answer 2

让你的选择有一个类，以便你可以从你的CSS调用它。然后做一些像

这样的事情

.spacer {
    width:500px;
}

这将为具有该类名的所有元素赋予您指定的宽度

Answer 3

您可能会发现这篇文章很有用：http://css-tricks.com/select-cuts-off-options-in-ie-fix/

它提出了JavaScript的不同可能性。