restaurar atributos predeterminados de css

Question

estoy escribiendo un componente que se utilizará en varios sitios web.

cada sitio web tiene sus propias hojas de estilo y muestra ciertas cosas de manera diferente.

toda mi html está envuelto dentro de un div con un id:

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

mi componente embargo es mirar consistente a través de todos los sitios.

esto está bien ya que aplico el estilo a la mayoría de los atributos en mi componente.

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

sin embargo me he encontrado un sitio que elimina la frontera de todos los campos de entrada

input {border: medium none;} 

i necesidad de 'no-aplicable' esta directiva para los campos de entrada de componentes dentro de mi, y de preferencia utilice el estilo predeterminado del navegador para las entradas, ya que el estilo de borde para input type="text" necesitará ser diferente a input type="button".

¿cómo lograrías esto?

Answer 1

Lo necesitarás redefinir.

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

Answer 2

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

Answer 3

puede utilizar estilos para diferentes tipos de entrada/

css:

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

Answer 4

Se puede utilizar JavaScript para agregar una clase a la entrada. Aquí está un ejemplo de jQuery ...

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

y luego definir 'borderMe' en una hoja de estilo (o etiqueta de estilo)

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

Answer 5

Usted puede hacerlo ahora desde CSS2: border:initial;