2017-01-25 25 views
0

当我尝试禁用“select”元素时,所述滚动条在Internet Explorer中也变为禁用。在Chrome和Firefox中,滚动条功能完美。有没有解决这个问题的方法?IE。通过属性“禁用”禁用<Select>块滚动条

<select size="5" style="height:100px" disabled> 
 
    <option>value 1</option> 
 
    <option>value 2</option> 
 
    <option>value 3</option> 
 
    <option>value 4</option> 
 
    <option>value 5</option> 
 
    <option>value 6</option> 
 
    <option>value 7</option> 
 
    <option>value 8</option> 
 
</select>

+0

它不能。如果你想让用户能够滚动,那么使用'readonly'属性并使用css改变外观。 – Abhitalks

+0

看看这个链接http://stackoverflow.com/q/25044799/6572922 –

+0

你的选择下拉是多选吗? – rahulsm

回答

0

你可以尝试这样的,

<div class="test" style="height:100px;width:65px;overflow-x:hidden;"> 
<select size="5" multiple disabled> 
    <option>value 1</option> 
    <option>value 2</option> 
    <option>value 3</option> 
    <option>value 4</option> 
    <option>value 5</option> 
    <option>value 6</option> 
    <option>value 7</option> 
    <option>value 8</option> 
</select> 
</div> 

纯粹的选择,它不会工作,所以我希望替代可能有助于你解决问题。

这里是工作IE链接的jsfiddle