问JavaScript大牛一个问题 - 未名空间MITBBS历史存档

国际科技财经博客移民网络热点娱乐民生时事公众号

Redian新闻

>未名空间

>Programming - 葵花宝典

问JavaScript大牛一个问题

问JavaScript大牛一个问题# Programming - 葵花宝典

a*f2014-09-26 07:09

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*i2014-09-26 07:09

2 楼

那个外部文件不是你能控制的？
这个问题很奇怪．

a*f2014-09-26 07:09

3 楼

css的property原则上是能修改的
问题在media query里面的CSS能不能修改

【在 i**i 的大作中提到】

: 那个外部文件不是你能控制的？
: 这个问题很奇怪．

i*i2014-09-26 07:09

4 楼

能. 但是没有这么做的. 你也别指望所有的浏览器的表现一致.
一般改变element的条件让rule适用或不适用, 而不是"修改"rule.

【在 a*f 的大作中提到】

: css的property原则上是能修改的
: 问题在media query里面的CSS能不能修改

a*f2014-09-26 07:09

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*n2014-09-26 07:09

6 楼

is this what you want?
http://wicky.nillia.ms/enquire.js/

i*i2014-09-26 07:09

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*i2014-09-26 07:09

8 楼

大方向不对. 并且那个css写的很业余.

a*f2014-09-26 07:09

9 楼

那个是twitter bootstrap的css

【在 i**i 的大作中提到】

: 大方向不对. 并且那个css写的很业余.

a*f2014-09-26 07:09

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*i2014-09-26 07:09

11 楼

改.

【在 a*f 的大作中提到】

: 那个是twitter bootstrap的css

l*n2014-09-26 07:09

12 楼

enquire 轻松搞定啊

【在 i**i 的大作中提到】

: 改.