如何使所有选择元素15px更宽？

Question

如何使用CSS使所有html“选择”15px更宽？

不是静态大小，因为它们都不同。我只想要它们宽15px。

这样的事情

select {
    width: +15px;
}

Answer 1

我相信这会奏效：

select {
     padding-right: 15px;
}

Answer 2

考虑使用LESS CSS（http://lesscss.org/）这允许您使用变量，嵌套和其他功能动态构造CSS文件。

最好的部分是，你可以直接将你的CSS复制到LESS中，它会编译得很好。然后你可以逐步微调所有内容以使用LESS的功能。

或者，正如其他人所建议的那样，使用填充：

select {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

当然，如果某个select元素有不同的填充要求，那么你可能会遇到问题......

Answer 3

$("select").each(function(){
  $this = $(this);
  $this.width($this.width()+15);
});