私は国のリストを持っていますが、いくつかは非常に長い名前です:
<select name=countries>
<option value=af>Afghanistan</option>
<option value=ax>Åland Islands</option>
...
<option value=gs>South Georgia and the South Sandwich Islands</option>
...
</select>
デフォルトでは、選択ボックスはリスト内の最長のオプションと同じ長さになります。幅の広いブラウザー ウィンドウから表示したときにデフォルトの動作を示し、幅の狭いブラウザー ウィンドウから表示したときにコンテナーの幅の 90% にうまく収まるように選択ボックスを作成したいと考えています。これは、最も長いオプションの長さよりも小さくなります。
試してみmin-width: 90%;
ましたが、うまくいきませんでした。これはCSSスタイリングだけで行うことができますか?