是否可以在悬停时更改选择列表选项的默认背景颜色?
HTML:
<select id="select">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
Run Code Online (Sandbox Code Playgroud)
我试过了 option:hover { background-color: red; },但没用.有人知道怎么做这个吗?
如何更改突出显示颜色,<select>即<li>光标在使用CSS时通过它突出显示的颜色?
如何以此格式转换下拉列表:
<select id="yearfilter" name="yearfilter">
<option value="">All years</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
</select>
Run Code Online (Sandbox Code Playgroud)
以这种格式进入无序列表:
<ul id="yearfilter" name="yearfilter">
<li value="">All years</li>
<li value="2011">2011</li>
<li value="2010">2010</li>
<li value="2009">2009</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
使用jquery ??
我有一个自定义的下拉菜单框(见图)我想更改选项上的突出显示颜色以摆脱可怕的蓝色并将其更改为我选择的颜色,我还想停止周围的蓝色突出显示框整个事情并从选项框中删除边框。我如何去删除任何或所有这些?
谢谢
htmlcode:
<div class="contactselect"><select id="contactdropdown">
<option value="Email">Email Form</option>
<option value="Website">Website Form</option>
<option value="Creation">Creation Form</option></select>
</div>
csscode:
.contactselect select{
background: url(Images/ArrowO.png) no-repeat right #000;
width:268px;
padding:5px;
color:#F7921C;
font-size:25px;
font-family:dumbledor;
line-height:1;
border:solid 4px #F7921C;
border-radius:10px;
height:45px;
-webkit-appearance:none;
}
Run Code Online (Sandbox Code Playgroud)
