1

我有这个问题，我想改变一些选择下拉列表框的高度。

目前这就是它们的样子 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>

有任何想法吗？显然 height:60px; 不起作用。

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

4

2 回答 2

0

你可以进去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 正在使用这个精灵：http ://uniformjs.com/images/sprite.png所以我怀疑你真的可以改变选择元素的高度。

编辑：更改宽度：

.selector span{width:auto !important}
.selector select{width:auto !important}
.selector{width:auto !important}
于 2012-08-30T15:52:58.403 回答
0

您需要编辑精灵图像或完全使用另一张图像（使用相同的布局），然后您需要覆盖 Uniform 的所有相关 CSS 部分，即具有此精灵图像位置和字体声明的那些部分。查看 Uniform 的其他主题 - 应有尽有。

顺便说一句：为了避免你以后的头疼，不要使用！important，而是干净地覆盖现有的 CSS 规则。在 uniform.default.css 之后加载的 CSS 文件中执行此操作，不要直接与 Uniform 的文件混淆！

于 2012-12-11T12:39:04.660 回答