What is user agent stylesheet and how edit it?

Kd M
Kd M
2 Points
1 Posts

I'm developing a website and trying to debug in chrome dev tool. Dev tool is showing following css style:

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;

But it it important to note that I did not define them. On Chrome dev tool it says User Agent style instead of css file.

How to change these style css?

Views: 671
Total Answered: 1
Total Marked As Answer: 0
Posted On: 12-Apr-2019 22:02

Share:   fb twitter linkedin
418 Points
119 Posts

A user agent style sheet is a ”default style sheet” provided by the browser (e.g., Chrome, Firefox, Edge, etc.) in order to present the page in a way that satisfies ”general presentation expectations.” For example, a default style sheet would provide base styles for things like font size, borders, and spacing between elements. It is common to employ a reset style sheet to deal with inconsistencies among browsers.

For this create CSS class and override the agent style sheet.

Posted On: 14-Apr-2019 03:41
 Log In to Chat