누군가 reactstrap에 대한 경험이 있고 문제 해결을 도와 줄 수있는 경우 : reactstrap 입력 구성 요소가 있고 styles.scss에 "border : none"을 적용하고 싶습니다. 그들의 문서에서 나는 입력 컴포넌트와 소품이 취할 수있는 것을 볼 수 없습니다. 테두리를 적용 할 수 있는지 모르겠습니다. 소품에서 없음. 지금까지 styles.scss에서 시도했습니다.
.form-control {
border: none;
}
또는
#name.form-control {
border: none;
}
또는 className={styles.inputName}
입력 구성 요소에 소품을 적용하고 위에서 언급 한 CSS 속성을 적용하려고합니다. 이들 중 어느 것도 지금까지 작동하지 않았습니다. 감사합니다.
Reactstrap 또는 React Bootstrap과 같은 프레임 워크에는 가져온 CSS 파일이 함께 제공됩니다. 필요한 모든 속성을 가진 거대한 파일입니다. 에서와 같이 React 컴포넌트에 클래스 이름을 적용하기 만하면됩니다 className={"classname1 classname2 ..."}
.
따라서 테두리의 경우 다음 문서가 있습니다. https://mdbootstrap.com/docs/react/utilities/borders/ 해당 문서에서 예를 들어이 클래스 이름을 적용하여 상단 테두리 만 제거 할 수 있음을 확인할 수 있습니다 border-top-0
. 그리고 디스플레이, 여백, 패딩, 너비, 높이 등과 같이 적절하게 상상할 수있는 거의 모든 클래스 이름이 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다