2017-02-13 7 views
0

は、私が使用しているブートストラップCSSファイルは、この含まれています。残念ながら(サードパーティのJavaScriptウィジェットライブラリが含まれます)私のコンテンツのCSSの着色をめちゃくちゃにされブートストラップのユニバーサルセレクタプロパティをリセットするにはどうすればよいですか?

@media print { 
    *, 
    *:before, 
    *:after { 
    color: #000 !important; 
    background: transparent !important; 
    } 
} 

。私は黒と白の色合いではないものを見ています。私のページは、ブートストラップのCSSファイルからそれらの行を削除したかのように、私のページがスタイリングされるように、私のHTMLページで何ができますか?

私は、これはうまくいくかもしれないと思った:

@media print { 
    *, 
    *:before, 
    *:after { 
     color:initial !important; 
     background:initial !important; 
    } 
} 
が、それはどんな効果を持っていないようです。私は色(例えば赤色)を設定することができますが、それは赤色になるようにすべてを設定しますが、Bootstrapが何も設定していないと効果が出るようにします。

これは可能ですか?ここで

は、私が説明してる問題の例です: https://jsfiddle.net/ty59susm/3/

+0

「@media print」と誤っていない限り、ブラウザがマークアップを表示する方法に影響しません。印刷スタイル用です。これが原因だと確信していますか? – Sarcoma

+0

原則はより一般的ですが、他のほとんどの場合、私はそれを実行することができました。しかし、はい、これは私が取り消そうとしているプロパティです。 – amos

+0

次の点を確認してください。http://stackoverflow.com/questions/14987496/background-color-not-showing-in-print-preview/15141886#15141886 – Riskbreaker

答えて

1

@Sarcomaは、印刷されたクエリについての正しいファイルを印刷しようとすると、あなたの着色の問題が発生していますか? ブラウザでファイルを正常に表示しているときに問題が発生した場合は、別のCSSルールを使用して、あなたを引き上げる必要があります。

初期値色と背景の値はそれぞれ黒と透明なので、書き込んだルールでは黒と透明の値が宣言されます。

私が知る限り、ブートストラップから印刷スタイルを削除する唯一の方法は、スタイルシートからそれらを削除することです。ブートスタイルのカスタムバージョンをダウンロードするには、印刷スタイルを解除し、開発フォルダからリンクします。 http://getbootstrap.com/customize/

+0

私が尋ねていることを実証するための例を追加しました。ブートストラップやプリントモードに特有の問題よりも、CSSの質問のほうが多いようです。 – amos

+0

特異性のため、そこに置くことはできません。このようにしてユニバーサルセレクタにアタッチされた重要なプロパティはありません。実際には、それは使用するスタイルシートが非常によく書かれていません。 .myStyleルールの背景色に!importantプロパティを追加することで、そのルールを上書きすることができますが、すべての背景色を常にスタイルシート全体にわたって重要なものとして宣言する必要があります。これはひどく書かれたCSSと同じです。 – Digedu

+0

適切な解決策は、!importantプロパティをユニバーサルセレクタから削除することです。ブートストラップはあなたの例のようにユニバーサルセレクタに付随する重要なものではありません。これは(不十分な)カスタマイズされたブートストラップスタイルシートでなければなりません。そのスタイルシートを削除し、別のソースから1つを取得する必要があります。それ以外の場合、唯一の解決策は、重要なプロパティを他のすべての背景色宣言に常に追加することです。例えば、 – Digedu

関連する問題