Jak kontrolować szerokość znacznika wyboru?

Mam listę krajów, niektóre o bardzo długiej nazwie:

<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>

Domyślnie pole wyboru będzie tak długie, jak najdłuższa opcja na liście. Chcę utworzyć pole wyboru tak, aby wykazywało zachowanie domyślne, gdy jest oglądane z szerokiego okna przeglądarki, ale pasuje do 90% szerokości kontenera oglądanego z wąskiego okna przeglądarki, mniejszego niż długość najdłuższej opcji.

próbowałemmin-width: 90%;, ale to nie zadziałało. Czy można to zrobić samodzielnie za pomocą stylizacji CSS?

questionAnswers(3)

yourAnswerToTheQuestion