<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 自定义图片的js 、css 以及代码展示,javaScript ;
纯Css更改Select下拉框样式,显示框的样式更改,下拉列表的样式更改!纯干货,肯定是你需要的 纯Css更改Select下拉框样式,显示框的样式更改,下拉列表的样式更改!纯干货,肯定是你需要的 纯Css更改Select下拉框...
怎么自定义select下拉选择框的样式,使用纯CSS实现,把浏览器默认的样式覆盖掉还是有其他的方法,select靠纯CSS是不能解决这个自定义样式问题,下面为大家讲解下CSS实现的思路
然后select的option的value给你新闻的标题 在内容区域里也把所有列表调出来(两边的sql语句一致) 比如 <select <option value='1'>第一条新闻标题</option> <option value='2'>第二条新闻标题</option> </select> ...
每对<select>和</select>中至少应包含一对<option>和</option>。 说明 标记名 常用属性 描述 <select> size 指定下拉菜单的可见选项数(取值为正整数)。 multiple 定义multiple="multiple"时,下拉菜单将具有多项...
<option value=””>1</option> <option value=””>2</option> <option value=””>3</option> <option value=””>4</option> <option value=””>5</option> </select> 我不想让用户可以选择 345 ...
select下拉框列表实现图片内容显示,$("#***").select()格式
关于解决ElementUi中select框在页面滚动时el-option超出元素区域的问题+ cascader滚动超出问题
一个兼容性极好的超棒的纯CSS圆角下拉菜单,没有任何的JS代码,颜色风格可能些灰暗,这个可以自己二次美化,圆角的实现值得借鉴,具体效果请参见演示截图所示。
select2所需的css和js <select name="xxx" id="xxxx" class="form-control " > <option value="">请选择</option> </select>
link rel="stylesheet" type="text/css" href="css/normalize.css?3.1.64" /> <link rel="stylesheet" type="text/css" href="css/demo.css?3.1.64" /> <link rel="stylesheet" type="text/css" href=...
<option> 标记能够在不带任何属性的情况下使用,但是通常需要 value 属性,该属性定义了发送到服务器的数据。 请与 <select> 或 <datalist> 标记结合使用。在其他地方,<option> 标签是无意义的。 output 元素 示例...
<link rel="stylesheet" href="combo.select.css" /> </head> <body> <select name="table_id" id="table_id"> <option value="">----请选择----</option> <option value="">----量表一----</option> ...
主要介绍了js中创建html标签、添加select下默认的option的value和text,很实用,需要的朋友可以看看
一个简单的css配合jq美化select 代码如下: ”main”> ”basic-usage”> <select id=”basic-usage-demo”> <option value=””>请选择…</option> <option>1</option> <option>2</option> <option>3</option> ...
link rel="stylesheet" type="text/css" href="css/normalize.css?3.1.64" /> <link rel="stylesheet" type="text/css" href="css/demo.css?3.1.64" /> <link rel="stylesheet" type="text/css" href=...
表单标签:使用创建表单,文本输入框,密码输入框,数字输入框,网址输入框,邮箱输入框,创建文本域,单选框,复选框,使用select、option创建下拉菜单,提交按钮,重置按钮; CSS3部分具体内同包括: css引入方式...
$(“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() ...
<h1 class="mimic"> mimic.css 选择下面列表功能测试 <form> <div class="select"> <select> <option value="boomerang">boomerang</option> <option value="swivelChair">swivel ...