Puis-je faire en sorte qu'une feuille de style détecte une balise personnalisée sur un élément de page ?

Question

Puis-je faire en sorte qu'une feuille de style détecte une balise personnalisée sur un élément de page ?

Demandé el 27 de Avril, 2009: Quand la question a-t-elle été
224 affichage: Nombre de visites la question a
4 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

J'aimerais ajouter une fonctionnalité dans un stylehseet qui puisse détecter un attribut disabled="disabled" sur un bouton de lien et le griser.

[MISE À JOUR]

Excellentes suggestions. Cela a permis de résoudre le problème des boutons désactivés qui n'apparaissaient pas en grisé dans Firefox et Google Chrome. Ce qui suit est ce que j'ai mis dans la feuille de style et maintenant tous mes boutons de liens s'affichent correctement.

a[disabled]{  
  color:Grey !important;
 text-decoration:none !important;
  }

Demandé el 27 de Avril, 2009 par Middletone

Answer 1

4 Réponses

Answer 2

2voto

harto Points 28479

Je suppose que vous voulez dire un attribut personnalisé ? La règle CSS pour cela serait (en supposant que votre bouton est un bouton input élément) :

input[disabled="disabled"] {
    /* ... */
}

Cependant, cela ne fonctionnera pas dans IE6. Votre meilleure chance est probablement d'ajouter une classe au bouton (par ex. class="button-disabled" ), puis donnez-lui le style suivant :

input.button-disabled {
    /* ... */
}

Répondu el 27 de Avril, 2009 par harto (28479 Points )

Answer 3

1voto

Soul_Master Points 3224

Vous pouvez utiliser le sélecteur CSS2 (si le navigateur le supporte) pour afficher le style en fonction de la propriété de la balise. Mais j'ai trouvé un problème lorsque j'utilise la propriété "disabled" dans IE8, car par défaut IE8 affiche la balise qui est désactivée en la grisant (la feuille de style ne peut pas la changer).

A partir du code suivant, FF3 affiche un hyperlien vert. Mais IE8 affiche un hyperlien gris.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" >
<html>
<head>

<title>Ask a Question - Stack Overflow</title>
<style>
a[disabled="true"]
{
    color:Green !important;
}
</style>
</head>

<body>
 <a href="www.microsoft.com" disabled="true">Microsoft Site</a>
</body>
</html>

Répondu el 27 de Avril, 2009 par Soul_Master (3224 Points )

Answer 4

1voto

Steve Harrison Points 31062

Je suis presque sûr que vous pouvez faire ce qui suit (j'ai supposé que votre élément "linkbutton" est un élément "input") :

input[disabled="disabled"] {
    // Styling
}

Steve

Répondu el 27 de Avril, 2009 par Steve Harrison (31062 Points )

Answer 5

0voto

dustyburwell Points 4501

Vous peut Vous pouvez le faire avec des sélecteurs css, mais cela ne fonctionnera pas dans certains navigateurs. D'ailleurs, je ne recommanderais pas de le faire de toute façon. Pourquoi ne pas simplement ajouter un désactivé au bouton de liaison ?

Répondu el 27 de Avril, 2009 par dustyburwell (4501 Points )

Puis-je faire en sorte qu'une feuille de style détecte une balise personnalisée sur un élément de page ?

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Puis-je faire en sorte qu'une feuille de style détecte une balise personnalisée sur un élément de page ?

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: