Como desabilito os campos de formulário usando CSS?
É possível desativar os campos de formulário usando CSS? Claro que conheço o atributo desativado, mas é possível especificar isso em uma regra CSS? Algo como
<input type="text" name="username" value="admin" >
<style type="text/css">
input[name=username] {
disabled: true; /* Does not work */
}
</style>
A razão pela qual estou perguntando é que, eu tenho um aplicativo em que os campos do formulário são gerados automaticamente e os campos são ocultos / exibidos com base em algumas regras (que são executadas em Javascript). Agora eu quero estendê-lo para oferecer suporte à desativação / ativação de campos, mas a maneira como as regras são escritas para manipular diretamente as propriedades de estilo dos campos de formulário. Então agora eu tenho que estender o mecanismo de regras para alterar atributos, bem como o estilo dos campos de formulário e, de alguma forma, parece menos do que idea
É muito curioso que você tenha propriedades visíveis e de exibição em CSS, mas não ative / desative. Existe algo parecido no padrão HTML5 ainda em andamento ou mesmo algo fora do padrão (específico do navegador)?