can't create css color

Question

I have a problem here. So like usual when we create css code on editor, like:

body{
  font-family:arial;
  font-size:12px;
  color:#1e5474;
  background:#F7F7F7;
}

that code is saved in our inspect element. In this case I use Chrome. My problem is the color. This is the code of a blue color. But it doesn't produce like that, my line still doesn't change. When I open inspect element code "color#1e5474" is scored out. I can't change it. How i fix it?

It's pretty unclear what you are asking. What do you want to achieve, and what exactly is not working? — MC Emperor, Jul 01 '17 at 16:52

score 2 · Answer 1 · answered Jul 01 '17 at 16:52

If the style is crossed out, it means that the property is getting over-written by something else within your stylesheet. Either remove that other attribute or add !important to the end of the color statement.

So it'd look something like this color:#1e5474 !important;

score 0 · Answer 2 · answered Jul 01 '17 at 17:48

If you're using something like Bootstrap it might be being over-written by other code. If you inspect the element with Chrome you can see where it's getting it's current color from and take action as needed. You might also want to try using !important to override it. color:#1e5474!important;

Here is some information on what the !important code does:

What does !important in CSS mean?

can't create css color

2 Answers2