为什么Chrome Developer Tool中的height属性显示为灰色

时间:2016-04-15 18:45:00

标签: css google-chrome

当我使用Chrome开发者工具检查元素时,height属性显示为灰色。从这里

https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/#live-edit-a-do-node

这意味着我无法编辑它。

但我的问题是为什么我无法编辑它? 我怎样才能找出这个属性设置的样式?有了其他属性,我可以扩展它吗?但对于这个灰色的一个?我无法扩展它。

1 个答案:

答案 0 :(得分:1)

这通常是由user agent style-sheet引起的。您可以通过重新排序CSS或使用CSS规范化程序(例如normalize.cssreset.css来覆盖此设置,但如果您不需要所有这些,可能会给代码添加不必要的膨胀。

重要的是要注意调用样式表的顺序,因为CSS是按定义,级联和最低定义优先。

在强力情况下,只有在没有其他明确解决方案时,您才能使用!important声明。