跨浏览器版"all:initial"

Question

我试图用来all: initial隔离页面中特殊"小部件"的CSS.问题是Safari和IE10及更早版本不支持该all属性,IE不支持该initial值.

有没有办法使用CSS或JavaScript模拟相同的行为？

例如,我想可以创建一个CSS类,它包含CSS规范定义的每个属性,并将它们设置为spec指定的初始值.那里有一个CSS类已经做到了吗？

如果我谷歌"CSS重置"我得到一堆样式表,专门用于规范用户代理样式表之间的差异,这是不同的all: initial.

Answer 1

即使所有浏览器都支持all: initial,它也不会是跨浏览器.

all: initial 根据定义,不能跨浏览器,因为:

1. 初始值font-family和quotes取决于UserAgent
2. 初始值color因浏览器而异
3. 初始值text-size-adjust取决于浏览器对通货膨胀的支持(尽管,它的实验)

更新(2017年3月1日) ::

4. 厂商的appearance性质:( ,-webkit-appearance,-moz-appearance)-ms-appearance是无,但在覆盖用户代理CSS.

5. 的14个属性列表取决于currentcolor,这是参考属性color,它从每个浏览器而变化(因此第二点),以及前述的列表为:-webkit-border-before-color,-webkit-text-fill-color,-webkit-text-stroke-color,border-block-end-color,border-block-start-color,border-bottom-color,border-inline-end-color,border-inline-start-color,border-left-color,border-right-color,border-top-color,column-rule-color,text-decoration-color,text-emphasis-color.

6. 属性:outline-color是一个currentColor还是倒一个,取决于浏览器

text-size-adjust在初始帖子中也标记为实验

更新(2017年3月8日) ::

7. 属性:text-align是left或者right最初,取决于direction,它all: initial不会相应地覆盖规范.