restore default css attributes
- by pstanton
hi all.
i'm writing a component that is to be used across multiple websites.
each website has it's own stylesheets and displays certain things differently.
all of my html is wrapped within a div with an id:
<div id="myComponent">...</div>
my component however is to look consistent across all of the sites.
this is fine as i apply styling to most of the attributes in my component.
div#myComponent p {font-size:11px;} etc
however i've come across a site that removes the border from all input fields
input {border: medium none;}
i need to 'un-apply' this directive for the input fields within my component, and preferrably use the browser's default styling for inputs, as the border style for input type="text" will need be different to input type="button".
how would you achieve this?
