如何检查chrome devtools中的webkit元素样式？

Question

我的页面上有<input type="file"。我想在chrome dev工具中查看文件的按钮样式。不幸的是，如果我这个元素它显示元素整个输入的样式（我的意思是文本+按钮）。我想检查::-webkit-file-upload-button的样式。例如，当选择元素时，firefox会显示所有样式。有什么方法可以用chrome做到这一点吗？

下面的图片代表一个例子。很明显，图片中的按钮是使用::-webkit-file-upload-button设置的，但样式列表中没有background-color / bacgrkound-image。如何查看webkit-element的样式？

Answer 1

@wOxxOm回答，我应该在devtool设置中启用Shadow DOM。