Wie steuere ich die Breite des ausgewählten Tags?

Ich habe eine Liste von Ländern, von denen einige einen sehr langen Namen haben:

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

Standardmäßig ist das Auswahlfeld so lang wie die längste Option in der Liste. Ich möchte ein Auswahlfeld so erstellen, dass es das Standardverhalten bei der Anzeige in einem breiten Browserfenster zeigt, aber gut zu 90% der Containerbreite passt, wenn es in einem schmalen Browserfenster angezeigt wird, das kleiner als die Länge der längsten Option ist.

Ich habe es versuchtmin-width: 90%;, aber es hat nicht funktioniert. Kann dies allein durch CSS-Styling erreicht werden?

Antworten auf die Frage(3)

Ihre Antwort auf die Frage