总是在IE11上显示滚动条<select>

以下代码会生成一个包含10个选项的列表框。总是在IE11上显示滚动条<select>

<div style="overflow-y:scroll;"> 
    <select name="selectbox" size="4" id="selectbox" > 
     <option>1</option> 
     <option>2</option> 
     <option>3</option> 
     <option>4</option> 
     <option>5</option> 
     <option>6</option> 
     <option>7</option> 
     <option>8</option> 
     <option>9</option> 
     <option>10</option> 
    </select> 
</div>

在chrome或IE8上，我得到了这个结果，正如你所看到的，滚动条被启用。 scroll visible

但在IE11，我有不一样的结果

scroll invisible

滚动条只启用如果大小高于或等于比6：

scroll BACK

我即使IE11上的大小小于6，也要有滚动条，我该怎么办？

感谢您的帮助。

来源

2015-12-02 Romain Sion

你尝试没有溢出？ – mplungjan

是的，我尝试，结果相同 –

这对您的网站设计至关重要吗？真？这种事情依赖于浏览器和平台 - 你不能保证它在所有平台上看起来都是一样的（你甚至试图在Mac上的Safari中查看它吗？更不用说任何移动平台了吗？）。你看到的行为可能不是你可以改变的。在不同的浏览器，甚至不同的版本之间，当然也会跨越不同的平台。我对你的建议是接受它。这就是这些事情的工作原理。 – Simba

如果没有什么可滚动的，你会如何计算滚动条的大小？它不应该是100％吗？你可以使用完全可定制的选择框插件进行拼接。

来源

2015-12-02 15:43:36

总是在IE11上显示滚动条<select>

回答

相关问题