Chrome开发者工具&gt;用户代理样式表覆盖<strong>， 规则</strong>

Question

I'm working on developing a site for a client. When working on my CSS in Chrome Developer Tools, it shows:

user agent stylesheet

strong, b {

font-weight: bolder;

}

The user agent stylesheet is disabling the bold on strong and b elements. What is this? How do I turn it off? Everything shows up correctly in Firefox. Why is it trying to alter the way I am styling things?

Answer 1

When I add this style to a page:

<style>
strong {
    font-weight: normal;
}
</style>

The text looks not bold and the inspector shows:

:

Meaning user agent style was overridden with provided value.

Is it what you are seeing? If yes then everything works as expected. If not then maybe your style rules for strong elements are not correct so they are not executing? Can you show your css?