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' ];
}];

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

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: //jsfiddle.net/gtr54/ //jsfiddle.net/Gtr54/

Phương thức

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

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

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

Đã 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

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"];


.test{
border:none !important;
}

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

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!

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 tag, or it can be applied using inline style and even dynamically using jQuery.

Các tài sản quan trọng phải được áp dụng ngay sau khi bất kỳ thuộc tính kiểu nào. Ví dụ,!important property must be applied immediately after any style property. For example,

    div {
        display: block !important;
        color: red;
    }


 
    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

    
    Add !important Property using jQuery
   
    
        div {
            display: block;
            color: red !important;
        }
    


    

        Some content here ...
    
    
    

            
    



    $['#bt'].click[function [] {
        $['div'].attr['style', 'color: blue !important'];
    }];

    Some content here …


$['#bt'].click[function [] {
    $['#theDiv'].attr['style', 'color: blue !important'];
}];

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

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