a*f
发帖数: 1790 | 1 怎么用JavaScript操作@media print里面的css style，比如一个外部的CSS文件里面已
经定义了
@media print{
* {
background: transparent!important;
box-shadow: none!important;
color: #000!important;
text-shadow: none!important;
webkit-box-shadow: none!important;
}
}
要写一段JavaScript程序把其中的'color: #000!important;'定义去掉，这样打印页面
的时候代码的语法就可以用不同颜色打印出来了。 |
i**i
发帖数: 1500 | |
a*f
发帖数: 1790 | 3 css的property原则上是能修改的
问题在media query里面的CSS能不能修改
【在 i**i 的大作中提到】
: 那个外部文件不是你能控制的？
: 这个问题很奇怪．
|
i**i
发帖数: 1500 | 4 能. 但是没有这么做的. 你也别指望所有的浏览器的表现一致.
一般改变element的条件让rule适用或不适用, 而不是"修改"rule.
【在 a*f 的大作中提到】
: css的property原则上是能修改的
: 问题在media query里面的CSS能不能修改
|
a*f
发帖数: 1790 | 5 我已经通过css overide的方式改掉了一个print自带url的rule了
@media print {
a[href]:after {
content: none !important;
}
}
现在的问题是所有字体的color被media print统一改成了黑色，没法override让代码保
持本来不同的颜色。JavaScript可以改或者移除CSS的property，但是好像操作不到在
media query里面的CSS.
【在 i**i 的大作中提到】
: 能. 但是没有这么做的. 你也别指望所有的浏览器的表现一致.
: 一般改变element的条件让rule适用或不适用, 而不是"修改"rule.
|
l**********n
发帖数: 8443 | |
i**i
发帖数: 1500 | 7 可以，很麻烦．
document.styleSheets[5].rules[0]
> CSSMediaRule {cssRules: CSSRuleList, media: MediaList, parentRule: null,
parentStyleSheet: CSSStyleSheet, cssText: "@media print { ↵ * { box-
shadow: none !important;…mportant; background: transparent !important; }&#
8629;}"…}
【在 a*f 的大作中提到】
: 我已经通过css overide的方式改掉了一个print自带url的rule了
: @media print {
: a[href]:after {
: content: none !important;
: }
: }
: 现在的问题是所有字体的color被media print统一改成了黑色，没法override让代码保
: 持本来不同的颜色。JavaScript可以改或者移除CSS的property，但是好像操作不到在
: media query里面的CSS.
|
i**i
发帖数: 1500 | |
a*f
发帖数: 1790 | 9 那个是twitter bootstrap的css
【在 i**i 的大作中提到】
: 大方向不对. 并且那个css写的很业余.
|
a*f
发帖数: 1790 | 10 就是这个意思，不过这个查询的第一级还有数据，第二级就是空的了，走不下去
【在 i**i 的大作中提到】
: 可以，很麻烦．
: document.styleSheets[5].rules[0]
: > CSSMediaRule {cssRules: CSSRuleList, media: MediaList, parentRule: null,
: parentStyleSheet: CSSStyleSheet, cssText: "@media print { ↵ * { box-
: shadow: none !important;…mportant; background: transparent !important; }&#
: 8629;}"…}
|
i**i
发帖数: 1500 | 11 改.
【在 a*f 的大作中提到】
: 那个是twitter bootstrap的css
|
l**********n
发帖数: 8443 | 12 enquire 轻松搞定啊
【在 i**i 的大作中提到】
: 改.
|
