使用Uniform / jquery更改SELECT的高度

Question

我要更改某些选择下拉列表框的高度时遇到此问题。

目前，这就是它们的外观http://i46.tinypic.com/2qstseo.gif

我希望他们更高，也在一起。 我不知道是否可以通过Uniform进行操作，不过这仍然是我的代码：

#uniform-resize span
{
    width:120px;
    height:60px;

}

这是选择之一（它们非常大）：

<select id="resize">
    <option>January</option>
    <option>February</option>
    <option>March</option>
    <option>April</option>
    <option>May</option>
    <option>June</option>
    <option>July</option>
    <option>August</option>
    <option>September</option>
    <option>October</option>
    <option>November</option>
    <option>December</option>
</select>

有任何想法吗？ 显然高度：60px； 不起作用。

非常感谢您的支持，如果您需要更多信息，请告诉我。

Answer 1

您可以进入uniform.default.css并更改某些部分，例如，此部分：

div.selector select {
  min-width: 190px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  border: solid 1px #fff;
}

或者您可以尝试添加!important

#resize
{
    width:120px !important;
    height:60px !important;
}

编辑 ：Uniform.js正在使用此sprite： http ://uniformjs.com/images/sprite.png，因此我怀疑您是否真的可以更改select元素的高度。

编辑 ：要更改宽度：

.selector span{width:auto !important}
.selector select{width:auto !important}
.selector{width:auto !important}

Answer 2

您需要编辑子画面图像或完全使用另一个子画面（使用相同的布局），然后需要覆盖Uniform的所有相关CSS部分，即具有该子画面图像和字体声明的位置的那些部分。 查看Uniform的其他主题-全部都在那里。

顺便说一句：为避免日后头疼，请不要使用！important，而应完全覆盖现有CSS规则。 在CSS.default.css之后加载的CSS文件中执行此操作，不要直接与Uniform的文件混淆！