티스토리 뷰
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
반응형
'node.js > React.js' 카테고리의 다른 글
[React] 컴포넌트의 내용에 BR 태그 추가 (0) | 2020.04.06 |
---|---|
[React] 첨부파일 읽기 및 다운로드 및 압축파일로 만들기 (0) | 2020.03.19 |
[React] CSS 최우선순위 !important (0) | 2020.02.03 |
[React] axios를 이용한 excel 파일 다운로드 (1) | 2020.02.03 |
[React] react drop 동작이 안될때 (0) | 2020.01.08 |
댓글