使用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的文件混淆！