0

最近我一直在尝试用css来设计<select>and 。<option>但我不能添加过渡。需要一些想法如何设计它。提前致谢...

这是我的 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>
4

2 回答 2

2

这是您如何将样式添加到选择标签，与过渡有关，您正在寻找什么类型的过渡？

您可以使用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关于删除默认样式并使用它们的更好的想法。

CSS 技巧

于 2013-10-23T14:19:31.843 回答
2

使用 jQuery 设置样式<select>or<option>很简单，看看这个

选择框

于 2013-10-23T14:19:57.410 回答