Sûr. De toute évidence, il serait préférable d'utiliser CSS seul, mais si vous ne le pouvez pas, utilisez ce que vous avez. Faites autant que vous le pouvez avec CSS et utilisez JS au besoin. Vous ne savez pas pourquoi vous ne pouvez pas modifier le CSS existant, mais vous pouvez ajouter une feuille de style avec JS.
(function() {
//create a new element
var newStyle = document.createElement("link");
//set the required attribute for a valid css file
newStyle.rel = "stylesheet";
newStyle.href = "http://example.com/the/location/of/your/css/stylesheet.css";
//and then append it to the <head>
document.getElementsByTagName("head")[0].appendChild(newStyle);
})();
Source: http://christian-fei.com/add-stylesheets-after-the-head-using-javascript/
puis devenez fou avec les requêtes CSS / médias.
Ou avec jQuery:
$('head').append('<link rel="stylesheet" type="text/css" href="{url}">');
J'ai fait des «skins» réactifs où certaines choses n'étaient tout simplement pas possibles sans changer le DOM. Si vous n'avez pas accès au HTML, la manipulation JS DOM est parfois la seule réponse.
EDIT:
Selon les exigences visuelles de votre version pour petit écran, vous pourriez être surpris de voir jusqu'où cet extrait CSS vous aidera à devenir «mobile friendly».
/* hopefully the original CSS developer didn't include a bunch of !importants.*/
div, p, ul, table, img {
float: none !important;
max-width: 96% !important; /* breathing room on the sides */
margin-left: auto
margin-right: auto;
}
Si le développeur CSS d'origine aimait trop !important
et que vous ne pouvez pas accéder au HTML, vous pouvez utiliser jQuery / JS pour ajouter un ID au corps ou au conteneur de haut niveau et l'ajouter à votre sélecteur.
#i-will-beat-you-important div,
#i-will-beat-you-important p,
#i-will-beat-you-important ul {
float: none !important;
...
}