Importance of background color declaration when writing styles

Importance of background color declaration when writing styles
As the title says, otherwise when the page is revised, the following situation may occur:

I am currently working on a revision project to revamp the old page, including changing the white page background to light gray. After the change, the above situation occurred. Because in the above module, the default background color transparent is used, and the background-color of the body was #FFF before, the display effect is in line with the design intention. But when the background color of the body is changed this time, the display is wrong. (The picture may not be too obvious: in the picture, except for the line of 'No record yet' and the label 'Card number', the other places are light gray. The white background is because the corresponding label displays the declared background color)

In summary, when writing styles in the future, you must explicitly declare the background of the element, including setting the background image and specifying a similar background color as a fallback. It is also best to specify the foreground color. Of course, you don't have to set it once for each element. Elements of the same style in the same module only need to be declared once on the module container.

<<:  Uniapp uses Baidu Voice to realize the function of converting recording to text

>>:  Example of how to set div background transparent

Recommend

How to track users with JS

Table of contents 1. Synchronous AJAX 2. Asynchro...

Summary of tips for setting the maximum number of connections in MySQL

Method 1: Command line modification We only need ...

Detailed explanation of slots in Vue

The reuse of code in vue provides us with mixnis....

Vue.$set failure pitfall discovery and solution

I accidentally found that Vue.$set was invalid in...

In-depth understanding of MySQL master-slave replication thread state transition

Preface The basic principle of MySQL master-slave...

How to use docker to build redis master-slave

1. Build a Docker environment 1. Create a Dockerf...

How to solve the 10060 unknow error when Navicat remotely connects to MySQL

Preface: Today I want to remotely connect to MySQ...

Detailed explanation of NodeJS modularity

Table of contents 1. Introduction 2. Main text 2....

A brief analysis of the basic concepts of HTML web pages

What is a web page? The page displayed after the ...

Font Treasure House 50 exquisite free English font resources Part 2

Designers have their own font library, which allo...

How to install openssh from source code in centos 7

Environment: CentOS 7.1.1503 Minimum Installation...