Edgeブラウザ上でのプルダウンリストの隙間について

Question

前提

Edgeブラウザのプルダウンリストについて、下記画像のようにプルダウンリストに隙間がありますがこの隙間を埋めることは可能なのでしょうか？

実現したいこと

Chromeブラウザで表示されるプルダウンリストと同じぐらいプルダウンリストの隙間をなくしたい

Answer 1

Microsoft Edgeの仕様としか言えないです。下手にCSSで調整しても他のWebブラウザで閲覧した時に期待しない結果となるでしょう。

Stackoverflowでも同様の質問が存在しますがまだ解決していないようです。
https://stackoverflow.com/questions/70397035/remove-space-between-select-tag-and-options-in-ms-edge-browsers

Comments

[soso0programmer]

回答ありがとうございます。
やはり仕様として対応したいと思います。
Stackoverflowの質問の記載ありがとうございます。

Answer 2

デフォルトの実装はブラウザに依存するので、
CSSフレームワークなどで出来上がったレイアウトを使うか、
自身で組むしかないと思います。（select使わずにリストでそれっぽい動きするように組むとか）

Comments

[soso0programmer]

回答ありがとうございます。
仕様として対応したいと思います。