Jeg har en listeboks og vil redusere bredden på den.
Her er koden min:
<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>
Denne koden fungerer i IE 6, men ikke i Mozilla Firefox (siste versjon). Kan noen fortelle meg hvordan jeg kan redusere bredden på rullegardinlisten i Firefox?
Prøv denne koden:
<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;
}
Hvis du vil endre bredden på alternativet, kan du gjøre dette i css:
#wgtmsr option{
width:150px;
}
Kanskje du har en konflikt i css-reglene dine som overstyrer bredden på valget ditt
[DEMO][1]
prøv argumentet !important
for å forsikre deg om at CSS ikke er i konflikt med andre stiler du har spesifisert. Det er også bra å bruke en reset.css før du legger til dine egne stiler.
select#wgmstr {
max-width: 50px;
min-width: 50px;
width: 50px !important;
}
eller
<select name="wgtmsr" id="wgtmsr" style="width: 50px !important; min-width: 50px; max-width: 50px;">
Opprett en css og angi verdien style="width:50px;"
i css-koden. Ring klassen til CSS i rullegardinlisten. Da vil det fungere.