Twitter bootstrap 3 glyphicon图标的颜色在打印预览中未更改
我将字形图标的颜色更改为蓝色。为了改变颜色，我使用了以下代码Twitter bootstrap 3 glyphicon图标的颜色在打印预览中未更改,twitter-bootstrap-3,Twitter Bootstrap 3,我将字形图标的颜色更改为蓝色。为了改变颜色，我使用了以下代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-sca
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<style>
.colorful {
color: blue !important;
}
@media print {
.colorful {
color: blue !important;
}
}
</style>
</head>
<body>
<span class="glyphicon glyphicon-comment colorful" style="padding-left:100px;padding-top:100px"></span>
</body>
</html>
.多姿多彩{
颜色：蓝色！重要；
}
@媒体印刷品{
.多姿多彩{
颜色：蓝色！重要；
}
}
我正在使用chrome浏览器。我需要使图标在打印预览中以蓝色显示检查图标后，很明显，您需要在之前使用作为图标的选择器，以便在打印中正确应用颜色。请参见下面的屏幕截图： 也就是说，您需要相应地修改CSS。运行下面的代码段，然后按Ctrl+P。您会注意到，您的图标现在是蓝色打印预览
。多姿多彩{
颜色：蓝色！重要；
字体大小：41px；
}
@媒体印刷品{
.多姿多彩：以前{
颜色：蓝色！重要；
}
}