CSS给Selcet下拉列表的选项增加背景色，看上去更醒目一些，加背景颜色实际也挺简单，说的再好不如自己看一下，你看了代码就知道了。 演示： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /> <html xmlns="http://www.w3.org/1999/xhtml"><br /> <head><br /> <title>给下拉列表的文字增加背景颜色</title><br /> <style><br /> h1 {<br /> font: 1.2em Arial, Helvetica, sans-serif;<br /> }<br /> input.txt {<br /> color: #00008B;<br /> background-color: #E3F2F7;<br /> border: 1px inset #00008B;<br /> width: 200px;<br /> }<br /> input.btn {<br /> color: #00008B;<br /> background-color: #ADD8E6;<br /> border: 1px outset #00008B;<br /> }<br /> form p {<br /> clear: left;<br /> margin: 0;<br /> padding: 0;<br /> padding-top: 5px;<br /> }<br /> form p label {<br /> float: left;<br /> width: 40%;<br /> font: bold 0.9em Arial, Helvetica, sans-serif;<br /> }<br /> .blue {<br /> background-color: #ADD8E6;<br /> color: #000000;<br /> }<br /> .red {<br /> background-color: #E20A0A;<br /> color: #ffffff;<br /> }<br /> .green {<br /> background-color: #3CB371;<br /> color: #ffffff;<br /> }<br /> .yellow {<br /> background-color: #FAFAD2;<br /> color: #000000;<br /> }<br /> </style><br /> </head><br /> <body><br /> <form method="post" action="example8.html"><br /> <p><br /> <label for="color">Select your favorite color:</label><br /> <select name="color" id="color"><br /> <option value="">Select One</option><br /> <option value="blue" class="blue">blue</option><br /> <option value="red" class="red">red</option><br /> <option value="green" class="green">green</option><br /> <option value="yellow" class="yellow">yellow</option><br /> </select><br /> </p><br /> <p><br /> <input type="submit" name="btnSubmit" id="btnSubmit" value="Send!" class="btn" /><br /> </p><br /> </form><br /> </body><br /> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>提示：可修改后代码再运行! 文章导航 Css中inline的用法：按钮和文本框Input水平CSS fieldset 标签完成简单美化的表单代码
