Schriftart Fettdruck bei ausgewähltem Element

Question

Ich habe Probleme mit font-weight auf einem select Element. Bei der Anwendung font-weight: bold; wird der letzte Buchstabe abgeschnitten, weil er auf die rechte Seite stößt. Ich habe gesucht und keine Antwort gefunden, obwohl es sich wie ein Problem anhört, das viele Leute erlebt haben, danke.

select{ 
 
    font-weight: bold; 
 
}

<select> 
 
    <option>Option</option> 
 
</select>

Hier ist ein jsfiddle http://jsfiddle.net/pdg6805/3v58gsqm/

Answer 1

Eine einfachste Möglichkeit besteht darin, Breite zur Auswahl hinzuzufügen.

select{ 
 
    font-weight: bold; 
 
    width:150px; 
 
}

<select> 
 
    <option>Option &nbsp;</option> 
 
    </select>

Oder

select { 
 
    font-weight:bold; 
 
    }

<select> 
 
    <option>Option &nbsp;</option> 
 
    </select>

Answer 2

manchmal in einigen Fällen die Anwendung bold-font-weight die Breite dieses Elements ändern und breitere Ursachen sind abschneidet, so dass Sie einige behalten könnte mehr Platz dafür durch Einstellung width in wählen.