J'utilise une variable CSS pour theme-color et theme-background mais mon code ne fonctionne pas sur IE. Existe-t-il un hack pour le support IE de CSS Variable?Existe-t-il un hack pour le support IE de CSS Variable?
/* Declaring variable*/
:root {
--theme-color: #323232;
--theme-bg-color: #af0069;
}
/* Using variable */
.btn {
background: var(--theme-bg-color);
color: var(--theme-color);
}
IE ne prend pas en charge les variables. Mais vous pouvez utiliser des préprocesseurs CSS comme LESS ou SASS.
@themeColor: #323232;
@themeBgColor: #af0069;
.btn {
background: @themeBgColor;
color: @themeColor;
}
solution à faible clé qui ne sera utilisable que dans ce cas:
Terminez votre projet, puis dupliquer votre fichier CSS, Find-and-remplacer tous vos var(--theme-bg-color); « s avec les couleurs respectables : #323232;. Cela entraînera la répétition de cette étape à chaque itération, mais garantira un site Web entièrement pris en charge, même dans Internet Explorer.
Quelle est l'utilisation de var alors? – Justinas
Consistance tout au long du développement – Roberrrt
L'idée globale des variables en CSS est la consistance, l'utilisateur final ne verra jamais l'avantage de l'utilisation en premier lieu. cette solution dans la phase de développement donnera les meilleurs résultats. (En outre, OP demande une «solution hacky» 'pour les variables, et une solution' find-and-replace 'est définitivement' hacky '. – Roberrrt
Non. Le meilleur pari irait Sass ou importer une feuille de style de repli. – Roberrrt
@Roberrrt Je travaille sur un projet hors ligne basé sur JavaScript, HTML et CSS seulement, dans lequel je ne peux pas ajouter de support SASS :( – Shubham