Every browser has a predefined set of styles used as an initial base point when rendering a web page. These styles are commonly referred to as User Agent Styles. In the Chrome Dev tools, these styles are denoted by a gray background.
https://stackoverflow.com/questions/40271537/why-are-css-styles-greyed-out-in-chrome-developer-tools每个浏览器都有一套预定义的样式规则,作为渲染web页面的默认样式规则使用。这些默认样式被称作User Agent Styles. 在Chrome开发者工具里,这些styles被标注成灰色背景。
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5iZkBjM3MGOyM2YzIGZmZTY5IjN0U2MyUDOmNjNiRmMz8CX5d2bs92Yl1iclB3bsVmdlR2LcNWaw9CXt92Yu4GZjlGbh5yYjV3Lc9CX6MHc0RHaiojIsJye.png)