Hướng dẫn how to override important css with jquery - cách ghi đè css quan trọng bằng jquery

(Điều này đang sử dụng tập lệnh nội dung trong phần mở rộng Chrome)

Tôi cần ghi đè lên một số thuộc tính CSS mà trang web đã dán nhãn là

$( '.someclass' ).each(function () {
    this.style.setProperty( 'border', 'none', 'important' );
});
2. Điều này có thể?

Chẳng hạn, nếu tôi muốn thoát khỏi biên giới được dán nhãn quan trọng:

$(".someclass").css('border','none'); //does not work

Hướng dẫn how to override important css with jquery - cách ghi đè css quan trọng bằng jquery

j08691

200K31 Huy hiệu vàng254 Huy hiệu bạc269 Huy hiệu đồng31 gold badges254 silver badges269 bronze badges

Hỏi ngày 15 tháng 8 năm 2012 lúc 1:23Aug 15, 2012 at 1:23

3

Bạn đi đây:

$( '.someclass' ).each(function () {
    this.style.setProperty( 'border', 'none', 'important' );
});

Bản demo trực tiếp: http://jsfiddle.net/gtr54/ http://jsfiddle.net/Gtr54/

Phương thức

$( '.someclass' ).each(function () {
    this.style.setProperty( 'border', 'none', 'important' );
});
3 của đối tượng
$( '.someclass' ).each(function () {
    this.style.setProperty( 'border', 'none', 'important' );
});
4 của phần tử cho phép bạn vượt qua đối số thứ ba thể hiện mức độ ưu tiên. Vì vậy, bạn đang ghi đè lên một giá trị quan trọng với giá trị quan trọng của riêng bạn! Theo tôi biết, không thể đặt ưu tiên quan trọng với jQuery, vì vậy tùy chọn duy nhất của bạn là phương pháp
$( '.someclass' ).each(function () {
    this.style.setProperty( 'border', 'none', 'important' );
});
3 tích hợp.

Đã trả lời ngày 15 tháng 8 năm 2012 lúc 1:31Aug 15, 2012 at 1:31

Šime Vidasšime vidasŠime Vidas

177K60 Huy hiệu vàng279 Huy hiệu bạc376 Huy hiệu Đồng60 gold badges279 silver badges376 bronze badges

6

Bạn cũng có thể làm điều này:

$(".someclass").css("cssText", "border: none !important;");

Đã trả lời ngày 12 tháng 9 năm 2014 lúc 23:34Sep 12, 2014 at 23:34

Hướng dẫn how to override important css with jquery - cách ghi đè css quan trọng bằng jquery

9ete9ete9ete

3.6421 Huy hiệu vàng33 Huy hiệu bạc32 Huy hiệu đồng1 gold badge33 silver badges32 bronze badges

1

Điều này sẽ giúp.

$(".someclass").attr("style","border:none!important");

Đã cập nhật, để không ghi đè tất cả các kiểu:

var existingStyles = $(".someclass").attr("style");
$(".someclass").attr("style", existingStyles+"border:none!important");

Đã trả lời ngày 15 tháng 11 năm 2017 lúc 9:02Nov 15, 2017 at 9:02

1

Chúng tôi chỉ có thể thêm lớp bằng cách sử dụng jQuery

$("someclass").addClass("test");


Đã trả lời ngày 24 tháng 5 năm 2019 lúc 7:20May 24, 2019 at 7:20

Hướng dẫn how to override important css with jquery - cách ghi đè css quan trọng bằng jquery

1

Cũng có một cách khác

$("#m_divList tbody").find("tr[data-uid=" + row.uid + "]").find('td').css("cssText", "color: red !important;");

CSS ("CSSTEXT", "Màu: Đỏ! Quan trọng;");

Đã trả lời ngày 24 tháng 2 năm 2015 lúc 12:16Feb 24, 2015 at 12:16

Trước đây tôi đã chia sẻ một vài ví dụ ở đây trên blog của mình đã giải thích cách thêm hoặc ghi đè thuộc tính quan trọng! Bây giờ trong bài đăng này, tôi sẽ chỉ cho bạn cách thêm thuộc tính CSS!

Hướng dẫn how to override important css with jquery - cách ghi đè css quan trọng bằng jquery

Thuộc tính quan trọng trong CSS, như bạn biết, thường được sử dụng để bỏ qua các quy tắc (hoặc kiểu) được áp dụng cho một yếu tố. Bạn có thể xác định! Thuộc tính quan trọng bên trong thẻ, hoặc nó có thể được áp dụng bằng cách sử dụng kiểu nội tuyến và thậm chí sử dụng jQuery một cách linh hoạt.!important property in CSS, as you know, is often used to ignore the rules (or styles) applied to an element. You can define!important property inside the

Some content here...

Thử nó

Trong ví dụ trên, mặc dù tôi đã thay đổi thuộc tính hiển thị của AS không sử dụng kiểu nội tuyến, phần tử sẽ hiển thị, vì tôi đã áp dụng! Quan trọng đối với thuộc tính hiển thị bên trong thẻ. CSS sẽ cho tầm quan trọng đối với giá trị! Quan trọng.display property of the

as none using inline style, the element will show, since I have applied !important to the display property inside the
Some content here ...

Thử nó

Trong ví dụ trên, mặc dù tôi đã thay đổi thuộc tính hiển thị của AS không sử dụng kiểu nội tuyến, phần tử sẽ hiển thị, vì tôi đã áp dụng! Quan trọng đối với thuộc tính hiển thị bên trong thẻ. CSS sẽ cho tầm quan trọng đối với giá trị! Quan trọng.display: block; and the element’s colour is red. The colour value, in particular, is prefixed with the !important property.

Bây giờ, hãy để Lôi xem cách này có thể được thực hiện một cách linh hoạt bằng cách sử dụng jQuery.overriding the value that I have applied inside the