définir la couleur d'une div blueprint

Question

Existe-t-il un moyen de définir la couleur d'arrière-plan d'une div dans Blueprint ?

J'ai remarqué que class=error mettait la couleur en rose (notify/success sont similaires) :

<div class="error"> 
   <p>whatever</p>
</div>

Mais je voudrais savoir s'il existe un moyen de donner à la div une couleur arbitraire ?

EDIT : Je ne me préoccupe pas vraiment de l'erreur/notification/succès. Je veux juste pouvoir définir la couleur d'une div de la même manière qu'ils le font, mais en utilisant une couleur de mon choix.

Answer 1

Il est temps d'énoncer l'évidence - pourquoi ne pouvez-vous pas simplement remplacer l'option div.error avec la vôtre ?

div.error { background:black; color:#fff; } ou vous n'essayez pas d'enfreindre une convention bizarre ? Si c'est le cas, vous pouvez utiliser un nom de classe différent.

Answer 2

Il vous suffit de définir votre propre classe CSS et de définir l'attribut background et/ou (pour la couleur de la police) color à des valeurs de couleur, puis de définir une div pour qu'elle ait cette valeur comme l'une de ses classes ?

Answer 3

Oui, vous pouvez facilement ignorer le CSS en spécifiant une règle pour error dans votre fichier CSS principal.

Idéalement, cela devrait remplacer les couleurs par défaut. Sinon, assurez-vous d'utiliser une spécificité plus élevée dans votre règle, quelque chose comme : div.container div.error { color: red; }

Answer 4

Vous pouvez définir n'importe quelle couleur sur ce point particulier div en ajoutant un id attribut :

<div class="error" id="myblueprint"> 
   <p>whatever</p>
</div>

Ajoutez ensuite votre fichier CSS :

#myblueprint { background:blue; }