Utilizo elementos de intervalo como el botón y lo deshabilito y lo habilito según la condición de los negocios usando un código JS antiguo como este:
document.getElementById('lblChecks').disabled = false/trueen HTML
<span id="lblChecks" disabled="disabled" class="GridHeader" onclick="ChecksPoPuP();" style="display:inline-block;color:White;height:19px;width:132px;cursor: hand;">Cheques</span> En CSS uso .GridHeader[disabled="disabled"] pero no funciona en Chrome, pero funciona bien en IE.
Entonces, ¿cómo puedo filtrar (.disabled) como propiedad dinámica en CSS?
Nota: el problema se puede resolver fácilmente usando addClass y removeClass en JQuery pero tengo muchos archivos y es difícil reemplazarlos todos
Puede definir un nombre de clase común para todos los elementos que está deshabilitado/habilitado de un lado a otro, y usar CSS para diseñarlo.
Por ejemplo:
.att-disabled:disabled{ // style goes here }Consulte más: https://developer.mozilla.org/en-US/docs/Web/CSS/:disabled