CSS產(chǎn)生下拉列表非常簡(jiǎn)單,只需要使用一些簡(jiǎn)單的CSS代碼和HTML標(biāo)簽即可。
select { width: 200px; height: 30px; font-size: 16px; border-radius: 5px; border: 1px solid #ccc; padding: 5px; background-color: #fff; } option { font-size: 16px; }
以上代碼中,我們使用了select標(biāo)簽和option標(biāo)簽創(chuàng)建下拉列表。CSS代碼包括了一些常用的樣式,比如設(shè)置下拉列表的寬度、高度、字體大小、邊框半徑和顏色等等。
需要注意的是,我們?yōu)閟elect和option標(biāo)簽添加了樣式,因此在使用時(shí)需要給它們添加相應(yīng)的類名或ID名。
另外,如果我們想要設(shè)置下拉列表的默認(rèn)值,只需要在select標(biāo)簽中添加一個(gè)selected屬性即可:
以上就是CSS產(chǎn)生下拉列表的基本方法,如果需要自定義樣式,只需要對(duì)CSS代碼進(jìn)行調(diào)整即可。