Front-end technology sharing: a super easy to use CSS style sheet

You can often visit some forum posts that programmers prefer. You will have different surprises. Today Xiaoqian will share with you a super useful CSS style sheet found on GitHub. Take a look.
Looking at the name, I thought it was an animation library, but after looking at it, I found that this is a css that changes the style of the default HTML elements, and there is no need to add additional classes! !
In fact, the Internet has a lot to change the default styles css library, but most need to add a class, so much class also need to check each document, written on top in case forget to add a page to see a big white eyes gave himself

only in their own One css file can be quoted in the project, and three themes are provided
1. Automatic: Automatically recognize and enable the late night mode according to the prefers-color-scheme set in the page.

2. Dark theme: late night mode

3. Light theme: the default normal In the daytime mode,

let’s list some of Google’s default styles and style comparisons after beauty
1. General input box
<input type="text">

2. Read-only input box
<input type="text" readonly placeholder="readonly input Box">

3. Disable the input box
<input type="text" disabled placeholder="disabled input box">

4. Button
<input type="submit">
<input type="button" value="



Of course, water.css does not just beautify the above content. When we don't want to spend too long to make a demo page, but don't want to make it too ugly, we can choose to try this css. Most importantly, there is no need to add additional classes! Just close your eyes and write!