Ce code fonctionne Choreme et Firefox. Mais ne fonctionne pas sur İE 10. Le dernier td du tableau ne peut pas être affecté. Cela doit devenir normal.

     .gridview tr
     {

     font-size: 20px;
     border: solid 1px #c1c1c1; 

     padding-bottom: 3px;
     padding-top: 3px;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     background-color: #EEEEEE;
 }

 .noadres td {
         text-decoration:line-through;
         font-style:italic;
         background-color:#f5eded;

 }
     .noadres td.etkabone {
         text-decoration:solid;
         font-style:normal;
     }  

Html

     <table  class="gridview">

 <tr class="noadres">
     <td>HELLO</td>
     <td>MY</td>
     <td class="etkabone" >NAME</td>

 </tr>

 </table>

https://jsfiddle.net/dwc7kjmo/

2
Kevin yudo 26 avril 2017 à 16:25

3 réponses

Meilleure réponse

Dans CSS2, la propriété text-decoration était une propriété régulière avec la syntaxe:

aucun | [souligné || overline || traversée || clignotement] | hériter

Dans le Module de décoration de texte CSS niveau 3: la propriété text-decoration est désormais une propriété abrégée avec la syntaxe:

<'texte-décoration-ligne'> || <'texte-décoration-style'> || <'texte-décoration-couleur'>

Où les valeurs de <'text-decoration-style'> sont:

solide | double | pointillé | pointillé | ondulé

Alors maintenant vous pouvez voir pourquoi text-decoration: solid; fonctionne dans Chrome et Firefox, car selon la nouvelle spécification - c'est un code parfaitement légal.

Voici la prise en charge du navigateur pour les nouvelles propriétés text-decoration.

Notez que IE ne prend pas en charge la nouvelle syntaxe.

Ainsi, comme d'autres l'ont mentionné, vous devriez utiliser text-decoration:none pour une meilleure prise en charge du navigateur.

3
Danield 27 avril 2017 à 06:21

Le problème est ici:

.noadres td.etkabone {
   text-decoration:solid; /*This is invalid value for this property for IE*/
    font-style:normal;
}

solid est la valeur par défaut de cette propriété mais IE ne la prend pas en charge.

Vous voudrez peut-être que la police normale ne soit pas barrée. Veuillez modifier ce qui précède comme suit:

.noadres td.etkabone {
    text-decoration:none;
    font-style:normal;
 } 
3
Muhammad Qasim 26 avril 2017 à 13:32

Remplacez CSS par:

 .noadres td.etkabone {
    text-decoration:none;
    font-style:normal;
 } 

solid n'est pas valide pour IE.

P.s. Si vous sélectionnez inspecter l'élément, vous verrez que le solide est souligné en rouge.

3
SouXin 26 avril 2017 à 13:30