解决方法
注意：这个答案没有确凿的证据，它是基于我在当时的观察。
灰色计算属性既不是默认值，也不是继承值。这只会发生在没有为元素定义的属性上，但是基于运行时布局呈现从其子代或父代计算。
以这个简单的页面为例，display是default，font-size继承：
<style>
div { font-size: 13px; }
</style>
<div>
<p>asdf</p>
</div>
在该特定示例中，从< p>的孩子 – 文本节点(字体大小加行高)计算高度，根据其父 – < div>的宽度计算宽度， ; body> ;.
编辑：我想了，这里是我的意见为基础的答案。我真的应该去看看Chromium源代码稍后：D
通过展开这些箭头，您可以看到哪些实际规则应用于元素，在定义的元素(直接或继承，由开发人员或浏览器)之间：
在这里你可以追溯到每个定义，甚至包括浏览器内置规则，并检查与CSS级联(覆盖)机制。
所以，对于没有CSS定义(没有直接定义，没有继承，没有浏览器内置)的那些元素，你没有任何源来跟踪。属性值是完全运行时计算的。
如果选中“显示全部”，则会显示更多灰色的属性。这些也不在任何地方定义。但不同于以前的截图，这些不是运行时计算 – 它们是CSS规范默认值。
