html - 减小 HTML 中下拉菜单的字体大小

Question

我的 HTML 页面中有宽度超过 250 像素的下拉菜单。

我需要更改下拉菜单的字体大小以减小宽度。

我尝试使用如下字体标签:

<font size='6'>
    <select>
    <option></option>
    .
    .
    .
    </select>
</font>

以上代码无效。

当我尝试通过将值硬编码为 width='50' 来减小宽度时，它隐藏了所有下拉列表的全文，这使得选择特定选项变得困难。

建议一个解决方案，以便减少宽度并在下拉列表中显示所有选项。

注意:需要兼容IE8

Answer 1

要更改字体大小，只需应用 font-size:XXpx; css 属性:

<select style="font-size:6px;">
    <option>option1</option>
    <option>option2</option>
    <option>option3</option>
</select>

或者，如果你想把它放在你的样式表中:

select{
  font-size:6px;
}

<select>
    <option>option1</option>
    <option>option2</option>
    <option>option3</option>
</select>