方法/步驟

1，新建一個html文件，命名為test.html，用于介紹如何用css改變下拉框select樣式。

2，在test.html頁面，使用div創(chuàng)建一個模塊，設(shè)置其class屬性為select1，用于下面對該類名進(jìn)行樣式布局。

3，在div模塊內(nèi)，使用select標(biāo)簽創(chuàng)建一個下拉選擇框，下拉列表是三個顏色的選擇。

4，使用css對div進(jìn)行樣式布局，設(shè)置其寬度為298px，高度為60px，并給它一個透明的背景顏色，設(shè)置其為圓角邊框。

5，使用css對select下拉框進(jìn)行樣式的設(shè)置，設(shè)置其寬度為300px(比外層的div寬度大一點，效果更加好看)，高度為100%。