在选择框中设置HTML选定值

概述我已经到处寻找这个并没有在任何地方找到它.开始认为这不可行.我的问题是： 是否可以使用CSS(选择框的选定值)进行样式设置？ 我正在使用这个代码与Pretty-select类来设置整个选择框的样式！ <div class="pretty-select"> <select name="city" class="city"> <option value="Porto" select 我已经到处寻找这个并没有在任何地方找到它.开始认为这不可行.我的问题是：

是否可以使用CSS(选择框的选定值)进行样式设置？

我正在使用这个代码与Pretty-select类来设置整个选择框的样式！

<div >    <select name="city" >      <option value="Porto" selected="selected">Porto</option>      <option value="PenafIEl">PenafIEl</option>      <option value="lisboa">lisboa</option>      <option value="MadrID">MadrID</option>      <option value="barcelona">barcelona</option>    </select>  </div>

谢谢你的时间！干杯

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

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

HTML：

<div>Select<ul>    <li><a href="#">Item 1</a></li>    <li><a href="#">Item 2</a></li>    <li><a href="#">Item 3</a></li></ul></div>

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; }

干杯！！

总结

以上是内存溢出为你收集整理的在选择框中设置HTML选定值全部内容，希望文章能够帮你解决在选择框中设置HTML选定值所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。