해결된 질문
23.04.12 15:25 작성
·
421
0
과제를 하면서 css 수정하면서 구글링 해봐도 해결이 안되는 부분이 있어 질문드립니다!
export const SubmitBtn = styled.button`
height: 52px;
padding: 14px 60px;
background-color: ${props => props.color}};
border: none;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
margin-top: 74px;
box-sizing: border-box;
cursor: pointer;
`
수정하기/ 취소하기 버튼 CSS입니다. 이렇게 작성했을 때..
이렇게 나옵니다. 분명 border: none; 을 작성해줬는데 적용이 안됩니다.
이상해서 CSS 속성 하나씩 지워줬을 때,
export const SubmitBtn = styled.button`
height: 52px;
padding: 14px 60px;
// background-color: ${props => props.color}};
border: none;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 24px;
margin-top: 74px;
box-sizing: border-box;
cursor: pointer;
`
이런식으로 background-color(또는background 속성)를 주석으로 처리하니 아래 사진처럼 테두리 선이 사라졌습니다.
background
속성을 줬을 때 border: none
도 안먹히고 cursor: pointer;
속성도 안먹히던데 뭐가 문제인걸까요..ㅜㅜ
2023. 04. 13. 11:45
아 오타 때문에 적용이 안됐던 것 같습니다..! 감사합니다ㅜㅜ