티스토리 뷰

node.js/React.js

[React] inline style !important 적용

IT공부블로그 2020. 3. 19. 20:19
728x90
반응형


react에서 inline style로 !important 스타일을 적용시 적용되지않음

ex) <input style={{backgroundColor: red !important}}>


npm install react-with-important-style

위 명령어로 설치


import withImportantStyle from 'react-with-important-style';

import 후에


Input = withImportantStyle('input');

위처럼 사용을하면 input 컴포넌트가 만들어짐


<this.Input style={{ backgroundColor: red !important}}>

위와 같이 사용하면 정상동작




728x90
반응형
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
more
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
글 보관함