2010-04-09 54 views
5

Tôi đang viết một thành phần được sử dụng trên nhiều trang web.khôi phục thuộc tính css mặc định

mỗi trang web có bảng định kiểu riêng và hiển thị những thứ nhất định khác nhau.

tất cả html của tôi được bọc trong một div với id: Tuy nhiên

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

thành phần của tôi là nhìn nhất quán trên tất cả các trang web.

điều này là tốt khi tôi áp dụng kiểu dáng cho hầu hết các thuộc tính trong thành phần của tôi.

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

tuy nhiên tôi đã đi qua một trang web mà loại bỏ biên giới từ tất cả các lĩnh vực đầu vào

input {border: medium none;} 

tôi cần phải 'un-xin' chỉ thị này cho các lĩnh vực đầu vào trong thành phần của tôi, và tốt sử dụng kiểu mặc định của trình duyệt cho đầu vào, vì kiểu đường viền cho input type="text" sẽ cần khác với input type="button".

bạn sẽ đạt được điều này như thế nào?

+0

liên quan : http://stackoverflow.com/questions/99643/css-reset-default-styles-for-common-elements – Sam152

Trả lời

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

bạn có thể sử dụng phong cách với nhiều loại đầu vào khác nhau/

css:

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

Bạn có thể sử dụng javascript để thêm một lớp vào đầu vào. Dưới đây là một ví dụ jquery ...

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

và sau đó xác định 'borderMe' trong một stylesheet (hoặc thẻ style)

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

Bạn có thể làm điều đó bây giờ kể từ CSS2: border:initial;

Các vấn đề liên quan