Compatibilité safari change fichier css
Bonjour,
Dans la balise head, je déclare 2 fichiers css afin de les alterner pour obtenir un effet darkmode,
je précice que j'ai opté pour cette solution parmi tant d'autres pour des raisons de compatibilité
entre navigateurs, car certains utilisateur utilisent encore ie11 et d'autres safari 5, bref...
tout fonctionne sauf sur safari... voici le code très simple
Dans la balise head, je déclare 2 fichier css... 1 pour les couleurs clairs, 1 pour les couleurs foncés... :
Code:
1
2
| <link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="style-dm.css" /> |
Ensuite, je place un bouton test :
Code:
<p><button id="testchangecss">test</button></p>
Puis dans un fichier javascript, j'intercepte l'événement :
Code:
1
2
3
4
5
6
7
8
9
| $(document).ready(function() {
$('#testchangecss').on('click',function() {
$('link[href*="style.css"]').prop('disabled', true);
$('link[href*="style-dm.css"]').prop('disabled', false);
}); |
CSS style.css :
Code:
1
2
3
| html, body {
color: red;
} |
CSS style-dm.css :
Code:
1
2
3
| html, body {
color: red;
} |
La couleur du texte change bien sauf sur safari.. :zoubi:
merci d'avance pour votre aide.
