J'essaye d'appliquer un style css comme ceci:
$(".data-rendering").css("background-size", "contain");
Mais cela a déjà appliqué ce css:
element.style {
background: url(/Images/renderings/vista-ridge-macnab.jpg) 0px;
background-size: cover !important;
background-repeat: no-repeat;
}
Y a-t-il un moyen de contourner cela?
J'ai essayé d'utiliser .style mais cela n'a pas fonctionné, j'ai eu une erreur disant que .style n'existe pas.
3 réponses
La meilleure méthode serait d'utiliser jQuery pour ajouter une classe et de styliser cette classe sous votre classe element.style.
$(".data-rendering").addClass("background-contain");
element.style {
background: url(/Images/renderings/vista-ridge-macnab.jpg) 0px;
background-size: cover !important;
background-repeat: no-repeat;
}
.background-contain {
background-size: contain !important;
}
Tu peux essayer ça, ça devrait marcher
$( '.data-rendering' ).css("cssText", "background-size:contain !important;");
Et cela fonctionne également très bien.
$(".data-rendering").attr('style', 'background-size:contain !important;');
<head>
<link rel="stylesheet" type="text/css" href="/jquery.min.js">
<link rel="stylesheet" type="text/css" href="site.css">
<link rel= "stylesheet" href="bad script you dont want that is causing"> problem>
- Téléchargez votre javascript jquery et votre feuille de style localement.
- Collez ce script particulier tout en haut de votre application Web, par exemple
(C'est normalement là que se trouve normalement site.css. Le mettre en haut aura la priorité sur la mauvaise feuille de style qui a les styles! Important ou en ligne comme vous aimez les appeler.)
3. Si cela échoue, prenez simplement votre extrait de code $ ('.data-rendering') .css ("cssText", "background-size: contain! Important;"); et mettez-le en haut de votre page et effacez les styles en ligne qui causent vos problèmes
Questions connexes
De nouvelles questions
jquery
jQuery est une bibliothèque JavaScript, pensez également à ajouter la balise JavaScript. jQuery est une bibliothèque JavaScript multi-navigateur populaire qui facilite la traversée du Document Object Model (DOM), la gestion des événements, les animations et les interactions AJAX en minimisant les écarts entre les navigateurs. Une question marquée jQuery doit être liée à jQuery, donc jQuery doit être utilisée par le code en question et au moins les éléments liés à l'utilisation de jQuery doivent être dans la question.