スタイリングSELECTオプションドロップダウンの背景、幅、フォント

ここに問題があります。スタイリングSELECTオプションドロップダウンの背景、幅、フォント

いくつかのオプションを持つ選択要素があります。ドロップダウンの背景、幅、フォントを変更できるかどうかは疑問です。

サンプルマークアップは次のとおりです。

<form action=""> 
<span>Show</span> 
<select name="cars" id="indicator-filter-options"> 
    <option value="all" selected>Cars</option> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="bmw">BMW</option> 
    <option value="audi">Audi</option> 
</select>

それは変数を使用してSASSに書かれているので、私は私のCSSを貼り付けていませんでした。

は、それは同様に見て、背景を達成し、ここのような効果をホバーすることが可能です：

The dropdown design I'm trying to achieve is HERE

出典

2017-09-08 Karolis

<ul><li>Option One</li></ul>

あなたはこのjQueryのプラグインモミを追加する必要があり、これはあなたのための役に立つかもしれませんhttps://select2.github.io/examples.html私はチェックするつもりだ –

感謝の男これはアウト。 – Karolis

あなたはフィドルでsassのようなものを使うことも、場所の変数を置き換えることもできます。 –

あなたはそのようなスタイルのドロップダウンオプションをすることはできませんあなたが順不同リストを使用しない限り。下のデモはあなたにアイデアを与えるかもしれません。 View Demo

出典

2017-09-08 11:13:47

ありがとうございます。私はこのためにselect2.github.ioを使いました。レスポンスありがとう、マリア。 – Karolis

スタイリングSELECTオプションドロップダウンの背景、幅、フォント

答えて

関連する問題