28172 sujets

CSS et mise en forme, CSS3

Specifié un disabled dans un css ?

Bonjour
debutant en css, j'aurais aimer donner une forme spécifique a mes input en fonction si disabled=true ou pas
j'ai essayer ça mais bon, ça marche pas :

INPUT.disabled:'true' {font-size:10px; background-Color:#EFECE6;}
INPUT.disabled:'' {font-size:10px; background-Color:#FFFFFF;}

quelqu'un pourrais m'aider sur ce sujet ?

Merci de votre aide

Titoune
Bonjour,

titoune56 a écrit :
mais bon, ça marche pas

C'est souvent ce qui se produit quand on invente une syntaxe maison au lieu de se conformer au standard. Smiley cligne
Le pifomètre n'est pas une méthodologie efficace. Lire la documentation, ça marche déjà mieux.

En l'occurrence il existe un sélecteur d'attribut en CSS 2.1, la syntaxe est comme suit:
input[disabled=disabled] {...}

ou bien tout simplement:
input[disabled] {...}


Un exemple à tester:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Test page</title>
	<style type="text/css" media="screen">
	input {border: solid 10px blue;}
	input[disabled] {border-color: red;}
	input[disabled=disabled] {border-top-color: green;}
	</style>
</head>

<body>

<p><input type="submit" /></p>
<p><input type="submit" disabled /></p>
<p><input type="submit" disabled="disabled" /></p>

</body>
</html>


Le problème, c'est qu'IE6 ne comprend pas le sélecteur d'attributs. À vérifier pour IE7. Tu devras donc peut-être passer par une classe...
Sujet clos
Aller à