Quelle est la syntaxe correcte pour remplacer les éléments HTML par une instruction <! - [if IE 7]>?

Question

je dois avoir un élément HTML légèrement différent dans IE7 que le reste, voici ce que j'ai jusqu'à présent:

<p> 
     <label>&nbsp;</label> 

     <!--[if IE 7]> 
     <span class="progressIndicator" style="display: none;"></span> 
     <button type="submit" class="submit" value="" id="qsubmit">SEND</button> 
      <![endif]--> 

      <span class="progressIndicator" style="display: none;"></span> 
     <button type="submit" class="submit" value="" id="qsubmit">&nbsp;</button> 

    </p> 

Mais ce qu'afficher le bouton deux fois, l'une avec la valeur correcte, et qui doesn ne fonctionne pas comme souhaité.

Quelle est la bonne façon de remplacer cet élément HTML pour IE7 uniquement?

Je préférerais ne pas naviguer sniff.

Merci :)

Answer 1

Mettez le contenu non IE7 dans un downlevel-revealed conditional comment (notez bien que la syntaxe utiliser MS dans cet article est inutilement HTML-invalide). Simplifié à partir du balisage apparemment redondant dans la question:

<p> 
    <label>&nbsp;</label> 
    <span class="progressIndicator" style="display: none;"></span> 
    <button type="submit" class="submit" value="" id="qsubmit"> 
     <!--[if lt IE 8]> 
      SEND 
     <![endif]--> 
     <!--[if gte IE 8]><!--> 
      &nbsp; 
     <!--<![endif]--> 
    </button> 
</p> 

Answer 2

comme ceci:

<!--[if IE 7]> 
    <span class="progressIndicator" style="display: none;"></span> 
    <button type="submit" class="submit" value="" id="qsubmit">SEND</button> 
    <![endif]--> 



    <!--[if !(IE 7)]><!--> 
    <span class="progressIndicator" style="display: none;"></span> 
    <button type="submit" class="submit" value="" id="qsubmit">&nbsp;</button> 

    <!--<![endif]-->