在<select>元素中隐藏垂直滚动条
在<select>元素中隐藏垂直滚动条
提问于 2010-12-26 02:55:09
您好，我有多个选择的选择框，我需要隐藏垂直滚动条，可以吗？
<select name="sCat" multiple="true">
<!-- My Option Here -->
</select>好的，但是我如何才能达到这样的效果，我可以从列表中选择具有ID的项，然后使用jQuery来管理这个id.click函数呢？那么我应该使用什么元素呢？
回答 9
Stack Overflow用户
回答已采纳
发布于 2012-07-11 21:39:19
这就是我们欣赏CSS3所有功能的地方：
.bloc {
display: inline-block;
vertical-align: top;
overflow: hidden;
border: solid grey 1px;
}
.bloc select {
padding: 10px;
margin: -5px -20px -5px -5px;
}<div class="bloc">
<select name="year" size="5">
<option value="2010">2010</option>
<option value="2011">2011</option>
<option value="2012" SELECTED>2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
</select>
</div>
Stack Overflow用户
发布于 2015-09-01 02:37:54
我知道这个帖子有点老了，但这里有很多老生常谈的答案，所以我想提供一些更简单、更干净的东西：
select {
overflow-y: auto;
}正如您在this fiddle中看到的那样，如果您不知道将要使用的选择选项的确切数量，此解决方案为您提供了灵活性。它在你不需要的情况下隐藏了滚动条，而在其他情况下隐藏了可能的额外选项元素。不要做所有这些老生常谈的重叠div的事情。这只会造成不可读的标记。
Stack Overflow用户
发布于 2010-12-26 03:01:17
不，您不能如此详细地控制选择框的外观。
选择框通常以下拉列表的形式显示，但并不是说它必须以这种方式显示。它的显示方式取决于系统，例如在一些手机上，你根本得不到下拉列表，而是一个覆盖大部分或全部屏幕的选择器。
如果您想要控制表单元素在这些细节中的外观，您必须使用常规的HTML元素制作自己的表单控件(或者找其他已经这样做的人)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/4531269
复制相关文章
相似问题
腾讯云开发者
