1

緑色の小さな長方形をセレクターに入れたかったのです。私はたくさん試しましたが、解決策を見つけることができませんでした。

<select>
    <option value="all_clicks"  selected="selected" class="greenRect">All clicks</option>
    <option value="search_camp">Search campaigns</option>
    <option value="search_links">Search links</option>
    <option value="none">None</option>
</select>

.greenRect{
    height:15px;
    width:15px;
    backround:#7db22b;
    border-radius:2px;
}
​

http://jsfiddle.net/DVyQC/

図に示されているように！私を助けてください。

ここに画像の説明を入力

4

4 に答える 4

1

通常のタグを使用してそれを行うことはできません。代わりに、通常のリストを使用<ul><li>してセレクターの動作を再作成することができます (また、見栄えを良くすることもできます)。

于 2012-10-09T16:12:15.843 に答える
1

CSS でこれを行うことはおそらくできません。選択ボックスは、「スタイル化」が最も難しい要素の 1 つです。

これは同様の投稿です：選択リストに画像を追加する方法

この回答は、Fx のみの CSS ソリューションについて説明しています。

于 2012-10-09T16:17:25.730 に答える
1

オプションでは、このタイプのアプローチが可能ですが、これはjqueryまたはjavascriptで実行できます

多くのドロップダウンがあることを確認してください

于 2012-10-09T16:18:26.700 に答える
1

msDropdown を使用して、さまざまな色の四角形の画像を作成して、各オプションを配置できます。 http://www.marghoobsuleman.com/jquery-image-dropdown

これは確かに CSS を使用するほどスムーズではありませんが、機能する可能性があります。

于 2012-10-09T16:19:11.487 に答える