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...
InformationsquelleAutor jabbawock | 2013-03-27