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

最新推荐文章于 2025-05-09 15:52:03 发布

KimSoft

最新推荐文章于 2025-05-09 15:52:03 发布

阅读量1.5w

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript Lang.HTML 文章标签： firefox class html ie

本文链接：https://blog.youkuaiyun.com/KimSoft/article/details/804374

JavaScript 同时被 2 个专栏收录

49 篇文章

订阅专栏

Lang.HTML

6 篇文章

订阅专栏

本文介绍了一种通过CSS样式来禁用HTML下拉框中特定选项的方法，此方法适用于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>