Ne pas imprimer un select avec print.css

Bonjour à tous,

Voilà ma question :
Pour un formulaire de devis en ligne j'ai bien évidement créé une feuille de style dédiée à l'impression afin de masquer menus, bouton submit etc ...

Ce formulaire contient plusieurs champs select, je cherche le moyen de ne pas imprimer les select qui ont une option="0"

=> Soit
<select>
<option>0</option>
<option>Choix 1</option>
</select>

Si choix 1 est choisi, on imprime, sinon non ...

J'espère avoir été clair, merci d'avance à tous.

Bonjour,

Je ne suis pas sur d'avoir bien cerné le problème mais est-ce que ça peut t'aider un truc du genre :

<select>
   <option value="0">0</option>
   <option value="1">Choix 1</option>
</select>

option[value="0"]{
   display:none;
}

Merci de ta réponse _Laurent, j'ai testé ça ne fonctionne pas, le problème est bien cerné ^^ j'avais aussi essayé quelque chose comme ça.

Je continue de chercher ... merci encore

Manquait juste une petite virgule après option dans la feuille de style.

<select>
<option value="0">0</option>
<option value="1">Choix 1</option>
</select>



option,[value="0"]{
display:none;
}
Modifié par daouahyo (08 Jul 2014 - 13:26)

Non en fait ça m'enlève tout ^^

Bonjour,

HTML

<select>
<option value="0" class="not-printed">0</option>
<option value="1">Choix 1</option>
</select>

CSS

.not-printed {
display: none;
}

Tu utilises la class not-printed pour tout élément à ne pas imprimer
Modifié par jojaba (17 Jul 2014 - 13:01)