当我使用 Chrome 开发者工具检查元素时，高度属性显示为灰色。从这里开始
https://developers.google.com/web/tools/chrome-devtools/iterate/inspect-styles/#live-edit-a-do-node
这意味着我无法编辑它。
但我的问题是为什么我不能编辑它？ 以及如何找出 style 中的哪种样式设置了这个属性？有了其他属性，我还能扩展吗？但是对于这个灰色的？我无法展开它。
最佳答案
这通常是由 user agent style-sheet 引起的.您通常可以通过重新排序您的 CSS 或使用 CSS 规范器(如 normalize.css 或 reset.css )来覆盖它，尽管如果您不需要所有代码，它们可能会给您的代码增加不必要的膨胀。
注意样式表的调用顺序很重要，因为根据定义，CSS 是级联的，最低定义优先。
在蛮力情况下，只有当没有其他明确的解决方案时，您才可以使用 !important 声明。
关于css - 为什么 Chrome 开发者工具中的 height 属性是灰色的，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36654696/