restaurer les attributs css par défaut

Question

J'écris un composant qui doit être utilisé sur plusieurs sites Web.

chaque site a ses propres feuilles de style et affiche certaines choses différemment.

tout mon html est enveloppé dans un div avec un id:

<div id="myComponent">...</div> 

mon composant est cependant de chercher cohérente sur l'ensemble des sites.

C'est très bien car j'applique le style à la plupart des attributs de mon composant.

div#myComponent p {font-size:11px;} etc 

Cependant, je suis tombé sur un site qui supprime la frontière de tous les champs d'entrée

input {border: medium none;} 

i besoin de « non applicable » cette directive pour les champs d'entrée dans mon élément, et de préférence utiliser le style par défaut du navigateur pour les entrées, car le style de bordure pour input type="text" devra être différent de input type="button".

Comment voulez-vous y parvenir?

Answer 1

Vous devez le redéfinir.

https://developer.mozilla.org/en/Common_CSS_Questions#Restoring_the_default_property_value

Answer 2

div#myComponent input { border: 1px inset; } 

Answer 3

vous pouvez utiliser des styles pour différents types d'entrée/

css:

div#myComponent input[type=text] { border:dashed 1px #ccc;} 
div#myComponent input[type=button] { border:solid 1px #999;} 

Answer 4

Vous pouvez utiliser javascript pour ajouter une classe à l'entrée. Voici un exemple jquery ...

<script type = "text/javascript"> 
    $(function(){ 
     $("#myComponent input[type=text]").addClass("borderMe"); 
    }); 
</script> 

puis définir 'borderMe' dans une feuille de style (ou une étiquette de style)

<style type = "text/css"> 
.borderMe 
{ 
    border:solid 2px black; 
} 
</style> 

Answer 5

Vous pouvez le faire maintenant depuis CSS2: border:initial;