Cómo hacer que los elementos seleccionados se reduzcan al estilo de porcentaje de ancho máximo dentro de fieldset
Cuando reduzco el ancho de la ventana de mi navegador,select
elementos dentro de lafieldset
No se reduce de tamaño a pesar de lamax-width
mando:
<fieldset style="background:blue;">
<select name=countries style="max-width:90%;">
<option value=gs>South Georgia and the South Sandwich Islands</option>
</select>
</fieldset>
Sin embargo, esto funciona perfectamente fuerafieldset
elemento. ¿Cómo hago elselect
los elementos se encogen almax-width
(porcentaje) dentro del fieldset?
Nota: He probado tanto Firefox 12.0 como Google Chrome. Ahora estoy seguro de que es un problema de navegador cruzado.
Aclaración: Por favor refiérase aeste ejemplo y tenga en cuenta la diferencia entre el comportamiento de unselect
elemento dentro de unfieldset
y otro fuera delfieldset
. Lo que quiero lograr es para elselect
elemento dentro delfieldset
comportarse como el que está fuera delfieldset
elemento.