[CSS]!important control style precedence

Let's look at the question first:

View Style:

The Background-size property is overwritten, and viewing the style properties does not reveal any redefinition in the selected state.

When the background-size is added directly, it takes effect.

Using another colleague's Chrome visit, it was found that there was no problem, the initial judgment could be a problem with the chrome version, and a few chrome tests, and sure enough

Chrome 21.0.1180 Background Rendering is different, when the background attribute is redefined, the original background properties, including Background-size, and so on all covered.

Two ways to solve this problem:

1. Redefined background Add properties such as Background-size

2. Add!important to the original Background-size property. (High-end browser support, meaning higher than inline style priority)

Such as:

background-size:40px 50px!important;

Show OK: