CSS3 utilisation du selecteur :not()

Bonsoir,

Je cherche à appliquer cette règle sur tous les options sauf ceux ayant <option disabled>.
J'ai essayé plusieurs façons, mais rien.
Merci

form select option:not(value="")
{
  font-family:Arial,New Time Roman,serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  text-shadow: 4px 4px 4px red;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1em;
}

<select size="1" name="categories" title="Toilettes">
<option value="0" selected>--- Entrée ---</option>
<option disabled="disabled" value=""></option>
<option disabled="disabled" value="">--- WC ---</option>
<option value="1">Hommes</option>
<option value="2">Femmes</option>

bonsoir,

selon ton html , je ferais comme ceci :

/* EDIT 
form select option[value=""] */
/* en fait c'est pas que tu veut !  [decu] , pardon mais : */
form select option:not([disabled="disabled"])
/* fin EDIT */
{ 
  font-family:Arial,New Time Roman,serif; 
  font-size: 14px; 
  font-style: normal; 
  font-weight: 400; 
  text-shadow: 4px 4px 4px red; 
  text-decoration: none; 
  text-transform: none; 
  letter-spacing: 0em; 
  word-spacing: 0em; 
  line-height: 1em; 
}

Il devait te manquer les parenthese :

syntaxe de base a utilisé : element:not()

Cordialement, GC
Modifié par gc-nomade (03 Jan 2011 - 20:31)

Bonsoir,

Merci, ça à marcher. En faites, il me manquait des crochets :not( disabled="disabled" ) , ça ne marchait pas comme ça.

En faite, l'exemple avec les crochets sur ce site
http://kilianvalkhof.com/2008/css-xhtml/the-css3-not-selector/
ne m'avait pas sauter aux yeux !

Par contre ce qui m'énerve c'est les disparités de prise en charge sur les navigateurs.
Un contrôle technique obligatoire pour les navigateurs afin d'avoir le label 100% CSS3 ou HTML5 serait bien.

IE ne prends jamais rien donc le shadow ne marche pas. FireFox c'est mon préféré, tout est OK,
Opéra et Chrome pas à l'intérieur de select

A tient au passage: C'est mignon les SnowMans en CSS3 ?(pas tout saisie dans le code...)


Modifié par diabless6 (03 Jan 2011 - 21:49)