Ik heb een listbox en ik wil de breedte verkleinen.
Hier is mijn code:
<select name="wgtmsr" id="wgtmsr" style="width: 50px;">
<option value="kg">Kg</option>
<option value="gm">Gm</option>
<option value="pound">Pound</option>
<option value="MetricTon">Metric ton</option>
<option value="litre">Litre</option>
<option value="ounce">Ounce</option>
</select>
Deze code werkt in IE 6 maar niet in Mozilla Firefox (laatste versie). Kan iemand mij vertellen hoe ik de breedte
van de dropdown lijst kan verkleinen in Firefox?
Probeer deze code:
<select name="wgtmsr" id="wgtmsr">
<option value="kg">Kg</option>
<option value="gm">Gm</option>
<option value="pound">Pound</option>
<option value="MetricTon">Metric ton</option>
<option value="litre">Litre</option>
<option value="ounce">Ounce</option>
</select>
CSS:
#wgtmsr{
width:150px;
}
Als u de breedte van de optie wilt veranderen kunt u dit doen in uw css:
#wgtmsr option{
width:150px;
}
Misschien heb je een conflict in je css regels die de breedte van je select overschrijven
[DEMO][1]
Probeer het !important
argument om er zeker van te zijn dat de CSS niet conflicteert met andere stijlen die je hebt opgegeven. Ook het gebruik van een reset.css is goed voordat u uw eigen stijlen toevoegt.
select#wgmstr {
max-width: 50px;
min-width: 50px;
width: 50px !important;
}
of
<select name="wgtmsr" id="wgtmsr" style="width: 50px !important; min-width: 50px; max-width: 50px;">
Maak een css en zet de waarde style="width:50px;"
in css code. Roep de klasse van CSS op in de keuzelijst. Dan zal het werken.