ripristinare gli attributi css predefiniti

Question

sto scrivendo un componente che deve essere utilizzato su più siti Web.

ogni sito Web ha i propri fogli di stile e visualizza alcune cose in modo diverso.

tutto il mio html è avvolto all'interno di un div con un id:

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

mia componente, tuttavia, è di guardare coerente in tutti i siti.

questo va bene mentre applico lo stile alla maggior parte degli attributi nel mio componente.

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

però ho incontrato un sito che rimuove il confine da tutti i campi di input

input {border: medium none;} 

ho bisogno di 'non-applicazione' questa direttiva per i campi di input nel mio componente, e preferibilmente utilizzare lo stile predefinito del browser per gli input, poiché lo stile del bordo per input type="text" dovrà essere diverso da input type="button".

come faresti a raggiungere questo?

Answer 1

Avresti bisogno di ridefinirlo.

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

Answer 2

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

Answer 3

è possibile utilizzare gli stili per i diversi tipi di input/

css:

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

Answer 4

È possibile utilizzare javascript per aggiungere una classe all'ingresso. Ecco un esempio jQuery ...

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

e quindi definire 'borderMe' in un foglio di stile (o tag di stile)

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

Answer 5

è possibile farlo ora, poiché CSS2: border:initial;