làm thế nào để không kế thừa? hoặc cách đặt lại độ rộng được thừa kế thành giá trị trước đây? (css)

Question

Tôi đã cài đặt Cảm ơn bạn plugin nhưng nút trên test site của tôi trông có vẻ lạ.

Tôi đã tìm hiểu lý do. Bởi vì nó kế thừa #commentform textarea { width: 45%; } từ chủ đề của tôi. Nếu tôi loại bỏ chiều rộng từ css, nút sẽ ổn. Bất kỳ ý tưởng làm thế nào tôi có thể sửa chữa điều đó? Tất nhiên tôi không muốn loại bỏ chiều rộng cho #commentform textarea. Tôi có thể làm điều gì đó về điều đó trên cấp css của nút không? Một cái gì đó như width:not-inherit; width:reset; Tôi muốn nói rằng chiều rộng của nút sẽ không được khai báo nếu không có #commentform textarea

Answer 1

Hãy thử đặt

width: auto; 

vào nút. Điều đó sẽ khắc phục nó trong trường hợp này.

Answer 2

bạn có thể thêm "! Quan trọng" vào css mới hơn.

ví dụ:

first{ float:right;} 
second{ float:left !important;} 



<div class="first second"></div> 

div này cần được float trái

Answer 3

Đặt này trong css của bạn và cũng loại bỏ kiểu nội tuyến bạn có ở đó cho nút đó:

input.thanks_button{ 
    background:url("http://asha.onalllevels.com/wp-content/plugins/thanks-you-counter-button/images/thanks_compact_blue1.png") no-repeat; 
    color:#fff; 
    font-family:Verdana,Arial,Sans-Serif; 
    font-size:14px; 
    font-weight:normal; 
    width:auto !important; 
} 

Answer 4

Đó là một câu hỏi cũ nhưng tôi chỉ có cùng một vấn đề với width kế thừa từ cha mẹ là 100%. Hóa ra việc thêm thuộc tính display vào inline-block sẽ giúp.

display: inline-block;