Select example of the DIV+CSS standard for making Web Forms

css|select| Standard | Web page you've all seen the various input buttons defined with CSS, but for select is not a simple way to define input. Here's another way to get your select to dazzle with a different CSS definition.

CSS section:. SELECT * {
margin:0;
padding:0;
}

. Select {
border:1px solid #cccccc;
Float:left;
Display:inline;
}

. Select div {
border:1px solid #f9f9f9;
Float:left;
}

/* Sub Selector, in the FF and other non-IE browser identification * *
. select>div {
width:120px;
height:17px;
Overflow:hidden;
}

/* Wildcard selector, only in IE browser to identify * *
* HTML. Select div Select {
Display:block;
Float:left;
margin: -2px;
}

. Select Div>select {
Display:block;
width:124px;
Float:none;
margin: -2px;
padding:0px;
}

. select:hover {
border:1px solid #666666; The effect of the mouse move
}

. Select Select>option {
text-indent:2px; Option indent 2px in non IE browsers such as FF
}
XHTML section:

Web Teaching Network Web Teaching Network Web Teaching Network