css - 如何隐藏滚动条并更改选择标签的宽度

Question

我有一个选择标签：如何隐藏滚动条？另一个问题是如何增加这个选择标签的宽度

<select id="navSelection" size="5"  style="overflow-y :hidden">
    <option value="temp">Temperature</option>
    <option value="flow">Flow</option>
    <option value="press">Pressure</option>
    <option value="cond">Conductivity</option>
</select>

style="overflow-y: hidden"不管用

jsFiddle

提前致谢

Answer 1

在 <select> 元素中隐藏垂直滚动条 应该回答您关于滚动条的问题，并且：

#navSelection {
  width: xxxpx;
}

应该改变宽度。

Answer 2

为了增加select元素的宽度，您可以编写内联样式或使用类或 ID 设置大小：

<select style="width: 150px;"></select>

或者

select { width: 150px; }

您不能覆盖显示select下拉菜单的默认浏览器行为。