css - css-ドロップダウン（オプション、選択）

Question

オプションの幅などをコントロールすることができました。

ただし、デフォルトで背景を青、テキストの色を白にすると、選択したオプションが強調表示されることがわかります。その青い背景は、選択したオプションの幅全体をカバーしていません。ただし、青い背景がテキスト全体を覆っています。ただし、オプションの全幅をカバーしたいと思います。

私が何を意味するかを知るためにこの画像を見てください：

これが私がオプションの幅を設定して選択する方法です

option
{
    width:100px;
}
select
{
    width:100px;
}

score 1 · Accepted Answer

申し訳ありませんが、ほとんどのブラウザではこれを行うことができません。フォームのスタイリングは依然として非常に困難です。ブラウザーは要素のスクロールバーの幅を考慮に入れるため (実際に存在するかどうかに関係なく)、背景を親要素の幅全体に拡張することはできません。

ただし、Javascript を使用して、心ゆくまでスタイルを設定できる置換をレンダリングすることができます。それを行う方法はたくさんあります。jQuery を使用している場合は、このコンパイル済みプラグインを調べてください。

1 に答える 1