Question

160

!important inline styles in react

rated 0 times [ 163] [ 3] / answers: 1 / hits: 138077 / 10 Years ago, tue, april 15, 2014, 12:00:00

It's there a way to add inline styles with the !important override?

style={

  height: 20+'!important'

};



<div style={style}></div>

This isn't working as I would have hoped.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jazlynnessencec

Add To Favorites

Follow

Total Points: 434

Total Questions: 113

Total Answers: 94

Location: Norway

Member since Mon, May 23, 2022

2 Years ago

answered 10 Years ago alejandro · Accepted Answer

20+'!important' is '20!important'.

When you just give a number, react adds px for you; but you're using a string, so you have to specify the unit. Also I'm pretty sure there needs to be a space between !important and whatever's to the left of it.

style={{ height: '20px !important' }};