reset样式(cssreset),解决浏览器默认样式(user agent style sheet)带来的问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了reset样式(cssreset),解决浏览器默认样式(user agent style sheet)带来的问题相关的知识,希望对你有一定的参考价值。

参考技术A

发现自己在scoped样式里面自己反复修改样式,就是不起作用(*** 例如用个el-input组件,size="large",可是里面的字体还是小的可怜。 ),都快绝望之际,不得已用chrome的调试看下样式到底怎么回事,原来是input的font样式被一个叫user agent style sheet给绑架了,我设置的样式没有起到作用,虽然网上查资料,说这个user agent style sheet的优先级很低,但是为啥很低有时候也能找到空子逆袭,把组件样式给悄无声息的偷掉呢?没想明白。咨询了google同志,原来大家为了防止这种情况,大家都用了 CSSReset *, 听起来好专业,其实就是等于自己先交了张白卷,告诉浏览器你能想到的我已经想到了,别在为我着想了. 更简单的说,就是把这个reset.css的样式表作为样式之一先导入就好了。贴出我找的一个,其实我也不太懂原理,只知道这么用就好了。:

以上是关于reset样式(cssreset),解决浏览器默认样式(user agent style sheet)带来的问题的主要内容,如果未能解决你的问题,请参考以下文章

css Vanilla CSS来自http://www.cssreset.com/scripts/vanilla-css-un-reset/,在CSS重置后使用,为所有人定义“默认”样式。

CSS Reset / Normalize 如何进行样式重置

normalize.css是一种CSS reset的替代方案

normalize.css是一种CSS reset的替代方案

引入reset.css清除默认样式

引入reset.css清除默认样式