Remplacer element.style par CSS

Question

J'ai une page HTML depuis le constructeur de pages, et elle injecte style directement à l'élément. J'ai trouvé que c'est considéré comme element.style .

Je veux le remplacer par un CSS. Je peux faire correspondre l'élément, mais cela ne le remplace pas.

Comment puis-je remplacer le style à l'aide de CSS ?

Answer 1

Vous pouvez remplacer le style dans votre css en faisant référence à la propriété incriminée du style de l'élément. Dans mon cas, ces deux codes sont définis comme 15px et font que mon image de fond devient noire. Je les ai donc remplacés par 0px et j'ai placé le caractère !important pour qu'il soit prioritaire.

.content {
    border-bottom-left-radius: 0px !important;
     border-bottom-right-radius: 0px !important;
}

Answer 2

D'après mes connaissances, le système en ligne vient en premier, donc la classe css ne devrait pas fonctionner.

Utilisez Jquery comme

$(document).ready(function(){
   $("#demoFour li").css("display","inline");
});

Vous pouvez également essayer

#demoFour li { display:inline !important;}

Answer 3

Utilisez JavaScript.

Par exemple :

var elements = document.getElementById("demoFour").getElementsByTagName("li");
for (var i = 0; i < elements.length; i++) {
    elements[i].style.display = "inline";
}