サファリでの印刷の問題

私は以下のCSSを選択タグに使用しました。サファリでの印刷の問題

select { vertical-align:middle; float:left; border:1px solid #cccccc; background-color:#F0F0F0; padding:2px; font-size:14px; height:35px ;} 

Here is the HTML version: 

<select> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="mercedes">Mercedes</option> 
    <option value="audi">Audi</option> 
</select>

印刷プレビューを見ると、Safariブラウザではうまくいかない。助けてください。

出典

2011-12-20 designersvsoft

どうしたのですか？スクリーンショットは、より多くのアドバイスを得るのに役立ちます。私はそれが背景色だと思いますか？ – DaveHogan

印刷プレビューに背景色が表示されません。 – designersvsoft

これは仕様によるもので、多くのブラウザに適用されます。それを制御することはできません。背景色の他の選択肢を探します – DaveHogan

この記事では上記の回答に同意しますが、異なる要素に異なる枠線オプションを使用することをお勧めします。チェックアウトのための可能な次の解決策かもしれません。

http://css-tricks.com/dont-rely-on-background-colors-printing/

出典

2011-12-20 23:04:33 Dreamling

このCSSは、問題を解決しました。

select { vertical-align:middle; float:left; border:1px solid #cccccc; background-color:#F0F0F0; padding:2px; font-size:14px; height:35px; -webkit-appearance:none;}

出典

2012-01-10 11:25:40 designersvsoft

サファリでの印刷の問題

答えて

関連する問題