HTML下拉框添加水平滾動條

你好在HTML中有一種方法來添加水平滾動條到下拉框嗎？在Firefox的框動態擴展，但IE沒有，Iv試圖谷歌，但沒有成功！謝謝。HTML下拉框添加水平滾動條

<div class="filterform-row"> 
    <t:label for="networkGroup" /> 
    <t:select t:id="networkGroup" encoder="networkGroupEncoder" model="networkGroupsModel" blankOption="ALWAYS" class="expand"/> 
</div> 

div.filterform-row select { 
    background: transparent url(images/img13.gif) repeat-x scroll 0 0; 
    border: 1px solid silver; 
    color: #626262; 
    font-size: 11px; 
    margin: 5px; 
    width: 100px; 
    overflow-y: auto; 
    overflow-x: auto; 
    display:block; 
}

來源

2011-07-04 Matthew

你可以添加你的HTML和CSS嗎？ – 2011-07-06 09:31:28

您可能以某種方式將select元素的寬度設置爲CSS中某個固定大小。

嘗試添加該style屬性爲您的下拉：

<select ... style="width: auto;" />

此元素的寬度屬性重置爲默認設置（自動）;它應該呈現完全與所有瀏覽器中所需的一樣寬。

來源

2011-07-04 11:32:54 Henning

我推薦使用'width：auto！important;'來確保'style'中指定的屬性被用來代替別的東西。 – Albireo

@Albireo：除非已經設置了'！important'寬度，否則不需要。 'style'中設置的CSS屬性的優先級高於其他地方設置的優先級。 – Henning

的確如此，但是因爲它只是用於測試目的（我已經受到了這個感謝 - 謝謝設計師！）它不會造成任何傷害，除非完全確定它的行爲如此。 – Albireo

HTML下拉框添加水平滾動條

回答

相關問題