Est-il possible de modifier ou de modifier le fichier css lors de l'exécution?

Question

J'ai une feuille de style avec un nom de classe "changebackgroundcolor" Je veux changer la classe css au moment de l'exécution que la couleur change.

.changebackgroundcolor{ 
background-color: #21606E;} 

si je change le code du sol dans mon sélecteur de couleur, alors il fera le changement ici en permanence.

Y at-il des jquery pour ce code ou n'importe quel code asp.net.

Qu'est-ce que je fais pour cela?

Answer 1

Est-il possible d'éditer ou de modifier le fichier css au moment de l'exécution?

C'est possible, mais ce n'est pas conseillé. Ce que vous proposez est de faire votre application asp.net dans un éditeur de fichiers.Cela impliquerait d'augmenter les privilèges pour le contexte de sécurité de votre application (l'utilisateur sous lequel il s'exécute) qui ouvre une grosse boîte de Pandore.

L'alternative la plus simple consiste à injecter des classes dans votre page asp.net en écrivant un nouvel élément <style type="text/css"> sur votre page qui inclut les classes css que vous voulez produire dynamiquement.

Par exemple, vous pourriez sauver le background-color à une table UserSettings (ou tout autre par utilisateur mécanisme de persistance), puis chargez-le dans votre page .aspx comme ceci:

<style type="text/css"> 
    .changebackgroundcolor { 
     background-color: <%= user.BackgroundColor %>; 
    } 
</style> 

Ou vous pouvez garder le définitions de classe dans un fichier css. Au lieu d'émettre les classes directement dans la page, écrivez dynamiquement du code jQuery pour modifier la définition de la classe, en suivant certains des exemples d'autres réponses.

Answer 2

Vous ne pouvez pas modifier la classe css existante. mais vous pouvez redéfinir - ajouter une nouvelle <style></style> à tête avec votre nouvelle classe quelque chose comme ceci:

$('head').append('<style>YOUR NEW STYLE</style>'); 

Note pour les critiques: Eh bien, l'auteur pose des questions sur la façon de changer la définition du style de l'ensemble. Pas sur la façon de remplacer les paramètres de l'élément particulier (ce qui bien sûr peut être fait avec la fonction jQuery css).

Mon conseil: créer deux classes différentes avec différentes couleurs d'arrière-plan, puis utilisez Ajout/removeClass

Answer 3

Vous pouvez changer tous les éléments avec la classe « changebackgroundcolor » en jquery utilisant:

$(".changebackgroundcolor").css("background-color", "#21606E"); 

Cela prendra Effet jusqu'à ce que votre page soit actualisée, il ne sera pas enregistré dans le fichier .css.

Answer 4

Toutes les modifications que vous effectuez en ajustant le DOM (disons avec jQuery) ne peuvent pas être permanentes. Vous devrez réécrire le fichier CSS à chaque changement, ou peut-être générer un fichier CSS, section de style dans votre code HTML ou jQuery dynamiquement à chaque coup.

Answer 5

Vous pouvez ajouter, supprimer et modifier des styles CSS lors de l'exécution. Here est un aperçu rapide, la documentation de jQuery est également très utile.

Answer 6

Je ne suis pas au courant d'une façon de modifier la définition CSS lui-même, mais vous pouvez modifier en fonction de la classe:

$('.changebackgroundcolor').css('background-color', '#21606e'); 

Si vous souhaitez revenir à la valeur par défaut, utilisez

$('.changebackgroundcolor').css('background-color', ''); 

Dans le cas où on ne sait pas - ces deux objets de changement qui ont une classe de « changebackgroundcolor », comme

<span id="mySpan" class="changebackgroundcolor"></span> 

b y ajoutant un attribut de style.

Mise à jour: Trouvé un correspondant Thread avec un lien vers un jQuery plugin qui pourrait faire l'affaire: jQuery equivalent of YUI StyleSheet Utility?