選択ドロップダウンのオプションの高さを解決する CSS メソッド form_html/css_WEB-ITnose

CSS は、選択ドロップダウン フォームの境界線などのスタイルを設定するときに簡単に処理できますが、デフォルトのドロップダウン矢印のスタイルが気に入らず、background:url (画像パス) を通じて変更しようとする場合に便利です。 、ブラウザーが頻繁に表示されます。互換性の問題については、インターネットで多くの情報を確認しましたが、専門家が js を使用してドロップダウン フォームをシミュレートすることが最善の解決策です。えーっと、よし、とりあえず達人のやり方でこの問題を解決してみよう。

CSS で選択のオプションの高さを解決する方法について話しましょう?

選択の高さを設定した後、オプションの高さが依然としてデフォルトの高さであることがわかり、これは設定した選択の高さと明らかに異なります。筆者もネット上の情報を調べてみましたが、原因は分からないようですので、ご存知の方がいらっしゃいましたら、ご教示いただければと思います。では、希望する効果を得るためにオプションの高さを実現するにはどうすればよいでしょうか?難しい話は抜きにして、実際には非常に簡単です。

解決策:

オプションの上部と下部のパディング、つまりpadding-topとpadding-bottomを直接設定するだけです。

ははは。 。 。 とても簡単ではないでしょうか。早速試してみてください。

マウスがオプションの上を通過したときの背景色を設定する方法については、作者はまだ研究中です。知っている専門家がいたら、お気軽に教えてください。

上記の解決策、専門家は通り過ぎてください~~