CSS中的下拉列表是網頁開發中經常用到的一種元素。使用CSS可以很方便地實現下拉列表,下面來介紹一下具體方法。
/* HTML代碼 */ <select id="select1"> <option value="option1">選項1</option> <option value="option2">選項2</option> <option value="option3">選項3</option> </select> /* CSS代碼 */ #select1 { width: 200px; height: 30px; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; appearance: none; -moz-appearance: none; -webkit-appearance: none; padding-left: 5px; } #select1::-ms-expand{ display: none; } #select1 option { color: #333; }
首先,在HTML中創建一個
然后,在CSS中對
最后,使用#select1 option選擇器設置每個選項的文本顏色。至此,簡單的CSS下拉列表就完成了。
上一篇mxgraph vue
下一篇mvvm模式 vue