`
txf2004
  • 浏览: 6831122 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

利用CSS控制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>

用这种变态的方式可以实现,在firefox和ie6下看效果很好
</body>
</html>

分享到:
评论

相关推荐

    select option带自定义图片

    select option 自定义图片的js 、css 以及代码展示,javaScript ;

    纯Css更改Select下拉框样式

    纯Css更改Select下拉框样式,显示框的样式更改,下拉列表的样式更改!纯干货,肯定是你需要的 纯Css更改Select下拉框样式,显示框的样式更改,下拉列表的样式更改!纯干货,肯定是你需要的 纯Css更改Select下拉框...

    CSS自定义select下拉选择框的样式(不用其他标签模拟)

    怎么自定义select下拉选择框的样式,使用纯CSS实现,把浏览器默认的样式覆盖掉还是有其他的方法,select靠纯CSS是不能解决这个自定义样式问题,下面为大家讲解下CSS实现的思路

    页select中如何实现选择option其中一个选项,显示相关的内容

    然后select的option的value给你新闻的标题 在内容区域里也把所有列表调出来(两边的sql语句一致) 比如 &lt;select &lt;option value='1'&gt;第一条新闻标题&lt;/option&gt; &lt;option value='2'&gt;第二条新闻标题&lt;/option&gt; &lt;/select&gt; ...

    HTML5&CSS3网页制作:select元素.pptx

    每对&lt;select&gt;和&lt;/select&gt;中至少应包含一对&lt;option&gt;和&lt;/option&gt;。 说明 标记名 常用属性 描述 &lt;select&gt; size 指定下拉菜单的可见选项数(取值为正整数)。 multiple 定义multiple="multiple"时,下拉菜单将具有多项...

    html option禁用选择 select禁用选项示例

    &lt;option value=””&gt;1&lt;/option&gt; &lt;option value=””&gt;2&lt;/option&gt; &lt;option value=””&gt;3&lt;/option&gt; &lt;option value=””&gt;4&lt;/option&gt; &lt;option value=””&gt;5&lt;/option&gt; &lt;/select&gt;   我不想让用户可以选择 345 ...

    select下拉列表显示图片内容

    select下拉框列表实现图片内容显示,$("#***").select()格式

    关于解决ElementUi中select框在页面滚动时el-option超出元素区域的问题+ cascader滚动超出问题

    关于解决ElementUi中select框在页面滚动时el-option超出元素区域的问题+ cascader滚动超出问题

    超棒的纯CSS圆角下拉菜单.rar

    一个兼容性极好的超棒的纯CSS圆角下拉菜单,没有任何的JS代码,颜色风格可能些灰暗,这个可以自己二次美化,圆角的实现值得借鉴,具体效果请参见演示截图所示。

    select2所需的css和js

    select2所需的css和js &lt;select name="xxx" id="xxxx" class="form-control " &gt; &lt;option value=""&gt;请选择&lt;/option&gt; &lt;/select&gt;

    CSS3图片37种幻灯片切换特效.zip

    link rel="stylesheet" type="text/css" href="css/normalize.css?3.1.64" /&gt; &lt;link rel="stylesheet" type="text/css" href="css/demo.css?3.1.64" /&gt; &lt;link rel="stylesheet" type="text/css" href=...

    HTML5&CSS3网页制作:output元素.pptx

    &lt;option&gt; 标记能够在不带任何属性的情况下使用,但是通常需要 value 属性,该属性定义了发送到服务器的数据。 请与 &lt;select&gt; 或 &lt;datalist&gt; 标记结合使用。在其他地方,&lt;option&gt; 标签是无意义的。 output 元素 示例...

    select多选下拉列表+模糊查询功能.rar

    &lt;link rel="stylesheet" href="combo.select.css" /&gt; &lt;/head&gt; &lt;body&gt; &lt;select name="table_id" id="table_id"&gt; &lt;option value=""&gt;----请选择----&lt;/option&gt; &lt;option value=""&gt;----量表一----&lt;/option&gt; ...

    js添加select下默认的option的value和text的方法

    主要介绍了js中创建html标签、添加select下默认的option的value和text,很实用,需要的朋友可以看看

    css配合jquery美化 select

    一个简单的css配合jq美化select 代码如下: ”main”&gt; ”basic-usage”&gt; &lt;select id=”basic-usage-demo”&gt; &lt;option value=””&gt;请选择…&lt;/option&gt; &lt;option&gt;1&lt;/option&gt; &lt;option&gt;2&lt;/option&gt; &lt;option&gt;3&lt;/option&gt; ...

    CSS3 h5很多种效果图片幻灯片切换特效.zip

    link rel="stylesheet" type="text/css" href="css/normalize.css?3.1.64" /&gt; &lt;link rel="stylesheet" type="text/css" href="css/demo.css?3.1.64" /&gt; &lt;link rel="stylesheet" type="text/css" href=...

    H5+CSS3.zip

    表单标签:使用创建表单,文本输入框,密码输入框,数字输入框,网址输入框,邮箱输入框,创建文本域,单选框,复选框,使用select、option创建下拉菜单,提交按钮,重置按钮; CSS3部分具体内同包括: css引入方式...

    jQuery解决下拉框select设宽度时IE 6/7/8下option超出显示不全

    $(“select”).each(function() { el = $(this); el.data(“origWidth”, el.css(“width”)); // el.data(“oriWidth”,85); }) .focusin(function(){ el=$(this); el.css(“width”, “auto”); //if(el.width() ...

    mimic.css h5动画库样式表制作各种酷炫文字动画特效.zip

    &lt;h1 class="mimic"&gt; mimic.css 选择下面列表功能测试 &lt;form&gt; &lt;div class="select"&gt; &lt;select&gt; &lt;option value="boomerang"&gt;boomerang&lt;/option&gt; &lt;option value="swivelChair"&gt;swivel ...

Global site tag (gtag.js) - Google Analytics