Question

我正在开发内部网以在本地工作。我在Firefox上的垂直滚动条有问题。我没有得到垂直滚动条。如果选择框中的值太多，则其中一些值将不再显示。我不明白为什么我没有得到垂直滚动条。

这是我正在使用的代码

<style type="text/css">
<!--

.myselectbox {

    font-family: Tahoma;
    font-size: 18px;
    background-color: #F5F5F5;


}
    option {
    font-family: Tahoma;
    font-size: 18px;
        background-color: #fef5e6;
        padding:8px;
        margin:5px;

        border-top: 1px solid #ebdac0;
        border-bottom: 1px solid #ebdac0;
        border-right: 1px solid #d6bb86;
        border-left: 1px solid #d6bb86;
    }
-->
</style>
</head>

<body>
<center>
<select name="amount_no1" class="myselectbox" id="amount_no1" >
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
              <option value="5">5</option>
              <option value="6">6</option>
              <option value="7">7</option>
              <option value="8">8</option>
</select> 
</center>
</body>

Answer 1

这是正常行为，由浏览器控制。您可以为选择元素寻找一些javascript替换解决方案，或者您可以通过多个选项分割选项数量。最重要的是用户可访问性，当涉及到表单时，如果它太大而无法显示所有选项，请将其缩小：）

Answer 2

我同意，这一定是Firefox中的一个错误。（我能够在没有任何CSS的情况下获得它，只需拥有正确数量的选项。）

FIREFOX上选择框的垂直滚动条

2 个答案: