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>か<option>、簡単です。これを見てください。

selectBoxIt

于 2013-10-23T14:19:57.410 に答える