div+css使用OPTGROUP对SELECT中的OPTION分组

原创 2007年10月01日 16:07:00

div+css使用OPTGROUP对SELECT中的OPTION分组

[OPTGROUP文档]

http://msdn2.microsoft.com/en-us/library/ms535876.aspx

[示例代码]

<SELECT>
    <OPTGROUP LABEL="选项组一">
        <OPTION>选项一</OPTION>
        <OPTION>选项二</OPTION>
        <OPTION>选项三</OPTION>
    </OPTGROUP>
    <OPTGROUP LABEL="选项组二">
        <OPTION>选项四</OPTION>
        <OPTION>选项五</OPTION>
        <OPTION>选项六</OPTION>
    </OPTGROUP>       
</SELECT>

[div+css关键词]

div css

[div+css重要工具]

Internet Explorer Developer Toolbar, http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&amp;displaylang=en

[div+css的常见问题]

较验div+css格式,http://validator.w3.org/
div+css的margin缩写方式
div+css的padding缩写方式
链接的:link,:visited,:hover,:active四种状态

div+css使用backgroundRepeat样式设置背景图片的显示方式, http://msdn2.microsoft.com/en-us/library/ms530721.aspx

[div+css的浏览器兼容问题]

水平居中,Firefox使用margin-left: auto; margin-right: auto; IE6 使用text-align: center;
垂直居中,Firefox中使用display: table-cell; vertical-align: middle;可以实现div垂直居中,而IE6中则需要借助IE6中css的特点实现垂直居中。
!important标记,Firefox支持!important标记,IE6忽略!important标记,!important需要放在前面才能起作用
手形鼠标指针,使用cursor: pointer;
padding的尺寸,在Firefox中padding是计算在width之外的,而IE6是计算在width之内的
margin的尺寸,在IE6中带有float样式的元素的margin尺寸计算有误,需要借助padding和!important标记实现兼容

使用word-wrap设置自动折行, 仅对IE有效

[其他HTML问题]

使用OPTGROUP对SELECT中的OPTION分组

版权声明:本文为博主(@胡争辉)原创文章,未经博主允许不得转载。

相关文章推荐

HTML全面深入学习-select的optgroup分组

看:select>    optgroup label="碱性金属">        option>锂 (Li)option>        option>纳 (Na)option>        o...

下拉列表 select-option ; select-optgroup-option

HTML中的下拉列表: Html代码   select>    option value ="1">Volvooption>    option value ="2">Saabop...

jquery获得select option的值 和对select option的操作

jQuery获取Select元素,并选择的Text和Value:  1. $("#select_id").change(function(){//code...});   //为Select添加...

CSS垂直水平导航栏

首先说明display属性 display 属性规定元素应该生成的框的类型 w3c实例 使段落生出行内框: p.inline { display:inline; } 自...
  • w_linux
  • w_linux
  • 2017年04月04日 22:52
  • 653

下拉框竟然可以分组,实在是不知道哇

下拉框支持分组,代码与普通select分组代码一样。如: 请选择权限 新增图片 维护图片 新增新闻 新增用户 用户列表 yuan...

optgroup select all

optgroup select all

DIV+CSS+JS仿Select下拉表单

  • 2012年01月04日 09:42
  • 1KB
  • 下载

jquery+css+div实现select选择框样式

  • 2014年07月15日 16:08
  • 35KB
  • 下载

js - select option firefox和chrome 对onclick的支持 使用on

select option firefox和chrome 对onclick的支持 firefox支持select和option增加onclick事件,举例: ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:div+css使用OPTGROUP对SELECT中的OPTION分组
举报原因:
原因补充:

(最多只允许输入30个字)