Border en fonction de read-only

Bonjour à tous,

Je suis en train de faire un CSS pour un detailsview asp (equivalent d'une table html) et j'ai deux questions que je n'arrive pas à solutionner.
Je voudrais afficher les border des textbox uniquement si elle ne sont pas en read only. Est-ce possible ?

Ma deuxieme question est : j'affiche uniquement les bordures inférieures pour chaque ligne, mais je voudrais ne pas afficher cette bordure inférieure si celle-ci est la derniere ligne de ma table. Comment faire cela ?

Voici le code CSS actuel (raccourci)

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

.detailsview { border-left: none; border-right: none; border-bottom: none; color: #0076CB;   } .detailsview td { padding:10px; border-bottom: 1px solid #CCC; } .detailsview td input { color: #0076CB; font-weight: bold; border-style: none; }

---

Merci d'avance de votre retour.

Cordialement.

DeWaRs

CSS3 possède la panoplie pour répondre à tes attentes :

Code:

---

1 2	input[readonly]{...} td:last-of-type{...}

---

Le problème c'est que ce ne sera pas pris en compte par les navigateurs obsolètes (surtout pour :last-of-type).

La solution universelle sera d'utiliser des classes spécifiques pour ces éléments.

Bonjour et merci de ta réponse,

Pour le input input[readonly]{...} cela fonctionne parfaitement :)

Par contre pour le td:last-of-type, si je fait :

Code:

---

1 2 3 4

.detailsview td:last-of-type { border-bottom:none; }

---

cela me supprime toute les border de ma derniere colonne. J'ai essayer

Code:

---

1 2 3 4

.detailsview tr:last-of-type { border-bottom:none; }

---

Mais cela ne supprime aucune bordure. Ais-je loupé quelque chose ?

Merci de votre retour.

DeWaRs

Arf oui effectivement... ce que tu veux, c'est supprimer les bordures de tous les td du dernier tr, ce qui s'écrit

Code:

---

tr:last-of-type td{...}

---

Exactement ca !! Merci beaucoup !

Cordialement

DeWaRs