我不知道浏览器是否支持。在div中工作正常，但这不是很语义。
我在这里粗略地寻找了我想要的东西：
https://jsfiddle.net/mgifford/xjkcgod8/5/
/ *页面上的所有选择元素* /
选择 {
职位：相对
}
/ *按类的样式。影响所包含选项的文本。 * /
.blueText {
颜色：＃0000FF;
}
/ *按ID样式。选择下拉菜单的效果位置。 * /
#styledSelect {
左：100px；
}
＃橙子 {
颜色为橙色;
}
＃苹果 {
背景图片：url（“ http://icons.iconarchive.com/icons/custom-icon-design/flatastic-7/512/Apple-icon.png”）;
背景重复：不重复；
背景尺寸：30px 10px；
}
＃樱桃 {
背景颜色：红色；
}
<！DOCTYPE HTML PUBLIC“-// W3C // DTD HTML 4.01 // EN”“ http://www.w3.org/TR/html4/strict.dtd”>
<头>
选择样式
<身体>