12
votes

Est-il possible de styler un élément d'entrée désactivé avec CSS?

J'ai besoin de style désactivé code> em> code> éléments pour les faire ressembler à leur activation. Quelqu'un peut-il aider?

ps. Je suis trop conscient des inconvénients de faire ce genre de chose à des principes de Vis HCI, etc., mais c'est une exigence pour que je dois le faire si cela est possible ... P>

Merci. P>

EDIT: P>

@ALEXTHOMAS 'Méthode fonctionne bien lorsque les éléments sont désactivés dans le code HTML mais malheureusement, je fais la désactivation / active avec jQuery: p> xxx pré>

de sorte que le sélecteur: p> xxx pré>

et p> xxx pré>

mais
$ (". Dayselector [désactivé = 'vrai']") // ne renvoie rien. code> p>

et p>

`$(".dayselector [disabled='false']")  //doesn't return anything.


0 commentaires

3 Réponses :


10
votes

Vous pouvez soit aller avec

select:disabled {  }


0 commentaires

7
votes

Peut-être que vous devriez utiliser loadonly au lieu de désactivé . Cela rendra l'entrée activée, mais sans permettre à l'utilisateur de changer sa valeur.


9 commentaires

Je l'ai suggéré, mais le champ doit être directement universitaire - au lieu de cela, il existe des contrôles «maîtres» qui les ont définis.


Ces contrôles maîtres ne sont-ils pas capables de se mettre à jour au lieu de handicapés? :)


Je répète: je ne veux pas que le choix soit modifié directement. Donc, je ne le ferai pas comme ils resteront changeant.


Comment sont-ils changeables s'ils sont réadonnants? Readonly signifie inéditer.


@Goleztrol - Voici ce que je veux dire, ils sont réadonnants, mais vous pouvez toujours sélectionner un élément différent de manière à pouvoir être modifiable: Jsfiddle .NET / kg6us


Ah, je vois. SELECT NE PAS SOUTENIR LE RADIOLY. Readonly est uniquement pour un autre domaine de saisie. Donc, ils sont pas Readonly.


En plus de SELECT, la case à cocher ne prend également pas en charge la lecture seule.


@ smclark89 Merci pour le Downvote, mais ni la question ni ma réponse ne concerne les cases à cocher.


Mais, il s'agissait de sélectionneurs. La Tidbit des cases à cocher est un butin gratuit pour quiconque lit les commentaires. Le bowvote est parce que cette réponse est fausse.



6
votes

Utilisation de jQuery: xxx

Vérifiez-le ici http: // jsfiddle .NET / GFNVE


5 commentaires

Vous êtes un & Star ;! Je souhaite seulement que je puisse vous donner plus de votes :-) Merci beaucoup, regardez Ace!


Bon sang. Cela fonctionne bien lorsque les éléments sont désactivés conformément au HTML, mais pas quand ils sont désactivés via JQuery, ce que je fais. S'il vous plaît voir Modifier ci-dessus - apprécierais vos suggestions.


Lorsque vous définissez le désactivation de JQuery, définissez également le style.


Ser-Weeet! Merci beaucoup :-) Je ne suis pas tout à fait sûr pourquoi cela fait une différence, mais qui se soucie, son fonctionnement bien.


$ ('option: désactivé'). attr (Style ',' Couleur: rouge ');