CSS/SCSS/bootstrap :: remplacer les paramètres d'impression dans le bootstrap :: modifier l'arrière-plan:transparent ! important pour une couleur
J'ai un problème avec le bootstrap CSS/imprimer.
Dans le bootstrap CSS (remise à zéro.css) tout est effacé pour l'impression
@media print {
* {
text-shadow: none !important;
color: black !important;
background: transparent !important;
box-shadow: none !important;
}
}
Mais j'ai l'impression de plusieurs lignes en couleur. Ma table ressemble à ceci:
<div class="container">
<div id="task-summary">
<div id="process-summary">
<table class="table table-condensed">
<tbody>
<tr class="success">
<td>
Je embeded ceci dans mon code, mais il ne fonctionne pas:
@media print {
#task-summary{
.success{
background-color: #DFF0D7 !important;
}
}
}
J'ai déjà essayé si le css est exclue par l'aide de display: none .. il fonctionne (en ligne n'est pas affichée) et semble être sur la bonne place.
Quelqu'un a une idée comment je peux gérer pour remplacer le bootstrap css de commande, sans modification de la réinitialisation.css de bootstrap?
- Votre navigateur peut être essayer d'être intelligent et de refuser d'imprimer les couleurs d'arrière-plan. Vérifiez les paramètres de votre navigateur.
- Votre navigateur de l'utilisateur paramètres de remplacer ce, voir cette réponse: stackoverflow.com/a/3894013/1064286
- grâce sevenseacat, vous m'avez donné la bonne direction... il fixe pour chrome7safari avec -webkit-impression de couleur-ajuster:exact; et maintenant google pour trouver une solution pour IE
- Vérifiez votre imbrications...
Vous devez vous connecter pour publier un commentaire.
J'ai eu le même problème. Lorsque vous imprimez la page de la
background-color: ...;
option ne fonctionne pas dans les lignes de la table. Modifier le CSS Sélecteur:Tout devrait fonctionner après cette modification.
Ou
Ou