怎样把select中的option禁止了－也就是怎么禁止选择下拉框中的某个选项

最新推荐文章于 2022-06-24 14:27:54 发布

iteye_15153

最新推荐文章于 2022-06-24 14:27:54 发布

阅读量1.3k

点赞数

本文介绍了一种在HTML中通过CSS样式禁用<select>元素中特定<option>的方法，使其在视觉上不可选，并展示了在Firefox和IE6浏览器下的实现效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

怎样把select中的option禁止了－也就是怎么禁止选择下拉框中的某个选项

原来在优快云上回的一个帖子，觉得不错，当时还很得意思，现在整理一下。发出来。

优快云原帖子

<html> <head> <style type="text/css"> .disabled { } .disabled optgroup{ font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color:#CCCCCC; background-color: #F5F5F5; } .disabled option { padding-left:0px; } </style> <title></title> </head> <body> <select name="carCos" class="disabled"> <optgroup label="American"></optgroup> <option value="General Motors">General Motors</option> <option value="Ford">Ford Motor Company</option> <option value="Chrysler">DaimlerChrysler</option> <optgroup label="Japanese"> </optgroup> </select><br> 用这种变态的方式可以实现，在firefox和ie6下看效果很好 </body> </html>