如何覆蓋選擇列表建議

2017-09-23 102 views 1 likes

我正在研究HTML的核心組件之一，select。現在我想修改其下拉行爲。平均下拉高度，滾動sytle等如何覆蓋選擇列表建議

有什麼辦法來覆蓋下拉菜單的默認行爲？

感謝

來源

2017-09-23 Still Learning

可能重複[樣式選擇下拉框]（https://stackoverflow.com/questions/17516559/styling-select-drop-down-box） – Duannx

我認爲不，在這個例子中我們沒有任何控制滾動樣式，下拉高度。還有什麼其他的事情可以做。 –

CSS無法爲所有瀏覽器設置滾動條。支持是不完整的，考慮使用外部JS/jQuery庫來支持跨瀏覽器。 –

回答

您可以覆蓋select和option風格，例如：

select { 
 
    background-color: yellow; 
 
} 
 

 
option { 
 
    background-color: violet; 
 
}

<select> 
 
    <option>Option 1</option> 
 
    <option>Option 2</option> 
 
    <option>Option 3</option> 
 
    <option>Option 4</option> 
 
    <option>Option 5</option> 
 
</select>

「我要重寫的滾動條，下拉容器高度等的CSS 「。似乎沒有辦法在默認的HTML select元素中執行此操作。

來源

2017-09-23 02:45:15

對不起，但這不是我正在尋找的解決方案。我想覆蓋滾動條的CSS，下拉容器高度等。 –

@StillLearning，我已經更新了答案。似乎沒有辦法在默認的HTML'select'元素中完成它。 –

相關問題

1. 如何覆蓋ctrl + a從列表框中選擇全部？
2. 建議攝像機覆蓋
3. xsd選擇覆蓋
4. GMGridView選擇覆蓋
5. 如何覆蓋列表？
6. 如何覆蓋抽象類的選擇？
7. 如何覆蓋DataGrid選擇行爲？
8. jQGrid列選擇器模態覆蓋
9. WPF AutoCompleteBox - 如何限制它只從建議列表中選擇？
10. 用jquery覆蓋選擇列表表單的值