-1
我在我的HTML中使用Bootstarp下拉菜單。 我如何才能實現選擇HTML標記的相同溢出行爲， 我添加了一個代碼片段。如何在引導下拉菜單中實現選擇標記溢出行爲
由於項目的複雜樣式（圖像和按鈕），我無法使用選擇。
我在一個winform應用程序內部的Web Broser控件中託管html。在html下面還有其他C＃控件，如果我使用select標籤，它將隱藏項目。我添加這些信息只是爲了解釋我的問題（同樣的行爲可以用Iframe標籤來解釋）。
注意：確保將窗口最小化以實現溢出，如果您複製此HTML，則返回 。
點擊此處查看desirable Select behavior。
點擊這裏查看comparison between the controls
在此先感謝
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
\t <body>
\t \t <div class="dropdown">
\t \t <button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">click me
\t \t <span class="caret"></span></button>
\t \t <ul class="dropdown-menu">
\t \t <li>AAA</li>
\t \t <li>BBB</li>
\t \t <li>CCC</li>
\t \t <li>DDD</li>
\t \t <li>EEE</li>
\t \t <li>AAA</li>
\t \t <li>BBB</li>
\t \t <li>CCC</li>
\t \t <li>DDD</li>
\t \t <li>EEE</li>
\t <li>AAA</li>
\t <li>BBB</li>
\t <li>CCC</li>
\t <li>DDD</li>
\t <li>EEE</li>
\t <li>AAA</li>
\t <li>BBB</li>
\t <li>CCC</li>
\t <li>DDD</li>
\t <li>EEE</li>
\t \t </ul>
\t \t </div>
\t \t <select style="position: fixed; left: 200px; top:0px;">
\t \t \t <option>click me too</option>
\t \t \t <option>BBB</option>
\t \t \t <option>CCC</option>
\t \t \t <option>DDD</option>
\t \t \t <option>EEE</option>
\t \t \t <option>AAA</option>
\t \t \t <option>BBB</option>
\t \t \t <option>CCC</option>
\t \t \t <option>DDD</option>
\t \t \t <option>EEE</option>
\t \t \t <option>AAA</option>
\t \t \t <option>BBB</option>
\t \t \t <option>CCC</option>
\t \t \t <option>DDD</option>
\t \t \t <option>EEE</option>
\t \t \t <option>AAA</option>
\t \t \t <option>BBB</option>
\t \t \t <option>CCC</option>
\t \t \t <option>DDD</option>
\t \t \t <option>EEE</option>
\t \t </select>
\t \t <div style="color:red; font-weight:bold;">If you copy this html, minimize the window size before testing behavior<div>
\t </body>
</html>
我不明白您的評論。 –
在您的選擇標籤內添加'class =''form-control''。它會添加'下拉式'並解決您的問題。 – SilentCoder
由於其他造型問題，我必須使用下拉按鈕，並且建議使用選擇標籤。 –