セレクトのオプションの幅を変えたい

Question

#やりたいこと
以下のように、selectの中のoptionの長さは、
要素の長さに応じて可変してしまいます。
やりたいことは、改行、または、三点リーダーなどで、
optionの幅をselectと同じ幅にすることです

画像の引用元

調べたこと

「option select 幅」などのキーワードで調べてみましたが、
selectのスタイル修正の記事ばかりで、詰まってしまいました。。

お分かりになる方、いらっしゃいましたら、
ご教授いただけると幸いです。

閲覧環境

OS：　Mac
ブラウザ: safari chrome

Answer 1

以下のように、selectの中のoptionの長さは、
要素の長さに応じて可変してしまいます。

質問者様が言うように
optionの幅は

<option>hogehoge</option> hogehogeの文字列の長さできまったかと思います。 selectの幅以内に文字列が入れば、optionの幅がselectとおなじになったかと思います。

一度お試し下さい。

Comments

[Tatsurou]

ご回答頂きありがとうございます。やはり、ここの幅を変えることはできないということですね。ありがとうございます。

[tomtomtomtom]

恐らくそうだと思います。
あまりお力になれず申し訳ありませんでした。

[Tatsurou]

ちょっと違う方法になりますが、以下のselect2というものを使えば横幅などは固定できそうな感じですね。
https://select2.org/dropdown