(使用しているChromeのバージョンは83.0.4103.61(Official Build)、OSはWindows10です。)
selectタグとoptionタグにてプルダウンメニューの作成を行おうと考えております。
ブラウザ間での挙動の違いを極力なくしたく、
Google Chromeでメニューを表示した際に付くプルダウンメニュー下のshadowをなくしたいと考えております。
(下記画像の赤斜線部分)
対処方法を検索し、CSSにて「outline:none;」「appearance:none;」「box-shadow:none;」
を試しているのですが、起こる変化としては最上部(「item1」の部分)の枠線が太線になるか否かの
変化しかなく、赤斜線部分のshadowを消去することが出来ておりません。
プルダウンで表示される部分のshadowを消す方法があればぜひご教示いただきたいです。
また、Google Chromeの性質上、shadowがかかることは避けられないという場合でも、
その旨をご教示いただけると幸いです。
何卒宜しくお願い致します。
【HTML】
<!doctype html> <html> <head> <meta charset="utf-8"> <title>無題ドキュメント</title> </head> <body> <select> <option>item1</option> <option>item2</option> <option>item3</option> <option>item4</option> <option>item5</option> </select> </body> </html>
あなたの回答
tips
プレビュー