下拉寬度在IE中自動增加11

我有一個下拉列表和放置在它旁邊的文本框。當我在文本框上點擊第一個字母而不輸入任何字母，然後點擊下拉菜單（您的直接點擊應該只在下拉菜單上，而不是在表單上的其他位置）。此時我可以看到下拉的寬度增加並懸停在文本框中。我需要避免這樣做，並保持相同的下拉寬度。這個問題在IE 11下拉寬度在IE中自動增加11

只發生在這裏是我的代碼

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
}); 
</script> 
</head> 
<body> 


<select name="SearchScope" title="Search Scope" id="idSearchScope" style="width: 200px !important"> 
    <option value="/locator.aspx?name=Common.Search.Global.MainPage">All of these words</option> 
    <option value="/locator.aspx?name=Common.Search.Global.MainPage">Any of these words</option> 
</select> 
<input type="text" style="width: 200px" value="" placeholder="Enter text to search"><br><br> 

</body> 
</html>

注：當我刪除佔位形成文字我不覺得這是問題。是否有任何解決方法可以保持相同的下拉寬度。點擊文本框上的第一個和下一個下拉列表中的文本框，然後刪除佔位符？

來源

2015-04-14 Sanju Rao

-1

</head>之前加入這個CSS代碼：

<style> 
    #idSearchScope option{ width: 200px !important; } 
</style>

這是因爲要控制選項的寬度。

來源

2015-04-14 21:35:58

解釋下投票請這樣我就可以查看或編輯我的答案。 –

CSS規則沒有引號和樣式等。{style =「width：200px！important」} - > {width：200px！important; } –

哦，哇，我沒看到那個!!!!! ...謝謝，現在就去編輯！ OK完成！ –

這個post的答案爲我解決了這個問題。引用meeebee，

添加onmousedown屬性，並使其專注於選擇下拉列表，使其從輸入框中失去焦點。出於某種原因，在訪問該選擇之前關注輸入會導致此錯誤。

<select onmousedown="$(this).focus()">

來源

2016-04-18 01:32:48

下拉寬度在IE中自動增加11

回答

相關問題