¿Cómo hago para que mi <fieldset> deshabilitado y habilitado se vean iguales?
es decir, cuando se desactiva la alternancia, no debería verse ninguna diferencia
Intenté esto pero no funciona:
fieldset{ opacity:1 !important; border:0; } fieldset:disabled{ opacity:1 !important; } fieldset:disabled *{ opacity:1 !important; } <fieldset disabled> <select> <option>testing</option> </select> </fieldset>Intente usar pointer-events:none; esto deshabilita el formulario mientras mantiene el fondo igual
fieldset { border: 0; } .disabled *{ pointer-events:none; } <fieldset class='disabled'> <select> <option>testing</option> </select> </fieldset> He usado .disabled * para que aún se puedan detectar los eventos de clic en el conjunto de campos.
Una forma de asegurarse de que se ve igual cuando está deshabilitado es establecer explícitamente los distintos colores, así como la opacidad.
fieldset, fieldset>* { background-color: white; border-color: black; color: black; opacity: 1; } <fieldset disabled> <select> <option>testing</option> </select> </fieldset>