新增方法：1、為select標籤新增id或class屬性並設定屬性值；2、在head標籤對中嵌入style標籤對；3、在style標籤對中，使用「#id值{ css屬性:值;}”或“.class值{css屬性:值;}”語句來新增css樣式。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
html中為select新增css樣式
#新增id或class屬性並設定屬性值
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#select{
background-color: #000000;
color: white;
width: 100px;
height: 30px;
}
.select{
background-color: pink;
color: white;
width: 100px;
height: 30px;
}
</style>
</head>
<body>
<select id="select">
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
<select class="select">
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
</body>
</html>以上是怎麼給select添加css樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章！
