CSS選擇下拉菜單問題與IE9

Question

我在ie9的下拉菜單中遇到問題。 下面的代碼對我來說很好用。 但是在ie9上，我必須在dd菜單上單擊兩次以查看選項。

IE9的任何解決方案？

<script type='text/javascript'>
    function SetWidthToAuto(drpLst) {
        drpLst.style.width = 'auto';
    }

    function ResetWidth(drpLst) {
        drpLst.style.width = '150px';
    }
    </script>

    <div style="width:150px;overflow:hidden;">
    <select id="drpTechnology" style='width:150px' onchange='ResetWidth(this)'
    onblur='ResetWidth(this)'
    onmousedown='SetWidthToAuto(this)'>
    <option value="-1">Browse me..</option>
    <option value="1">Short Option</option>
    <option value="2">Little bigger than short Option</option>
    <option value="3">Largest option available with this select box</option>
    </select>
    <div>

謝謝

Answer 1

只需將onmousedown替換為onclick 。

您也可以在函數調用中刪除this ，而在函數內部簡單地使用this 。

嘗試JSfiddle： http : //jsfiddle.net/d2UUs/1