What is user agent stylesheet and how edit it?

Kd M

Member

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: 20686
Total Answered: 1
Total Marked As Answer: 1
Posted On: 12-Apr-2019 22:02

Share:

Answers

Smith

None

2568 Points

74 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

Found helpful. Thanks.

- edx 06-Sep-2021 21:16