<分区>
最近我一直在尝试设计 <select> 的样式和 <option>与CSS。但我不能添加过渡。需要一些想法如何设计它。提前致谢...
这是我的 HTML
<nav class="mobile">
<span class="logo"><h1><a href="#">Site Logo</a></h1></span>
<select>
<option>Menu</option>
<option><a href="#">Home</a></option>
<option><a href="#">Tutorials</a></option>
<option><a href="#">Freebies</a></option>
<option><a href="#">Contact</a></option>
<option><a href="#">About Me</a></option>
</select>
</nav>
最佳答案
这里是如何将样式添加到选择标签，与过渡有关，您正在寻找什么类型的过渡？
您可以执行select {}、nav > select {}、nav select {}、.mobile select {} ，或许多其他定位它的方法。
.mobile > select {
width: 190px;
height: 20px;
box-shadow: 0 1px 2px #2b2b2b;
background: #eee;
color: #0c5b78;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 3px 0 0 3px;
margin-bottom: 5px;
margin-right: 10px;
float: left;
}
关于删除 select 的默认样式并使用它们的更好的想法。
关于jquery - 如何设置选择及其选项元素的样式并添加过渡？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19544190/