html怎么选择设置选择栏,在选择框中设置HTML选定值

不幸的是,使用纯CSS无法满足您的要求.但是,这里有类似的东西,你可以选择作为一种解决方法.

检查实时代码http://jsfiddle.net/Etr4F/

HTML：

Select

• Item 1
• Item 2
• Item 3

CSS：

div {

margin: 10px;

padding: 10px;

border: 2px solid purple;

width: 200px;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

}

div > ul { display: none; }

div:hover > ul {display: block; background: #f9f9f9; border-top: 1px solid purple;}

div:hover > ul > li { padding: 5px; border-bottom: 1px solid #4f4f4f;}

div:hover > ul > li:hover { background: white;}

div:hover > ul > li:hover > a { color: red; }

干杯！！