부트스트랩 네비바에서 테두리 색상바꾸기
본문
클릭안했을 때는 테두리를 border:none;으로 해서 없앴습니다.
그런데 클릭하면 다시 보더색이 생깁니다..
.navbar-toggler {
border:none;
}
.navbar-toggler a {
border: none;
}
.navbar-toggler:focus {
border:none;
}
.navbar-toggler:hover {
border: none;
}
이렇게 해봐도 테두리는 계속 나오네요 ㅠㅜ.
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#TopNavbar" aria-controls="TopNavbar" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
답변 2
클릭 후 active 클래스가 추가되어 CSS 가 변경될겁니다.
border:0px !important; 적용해보세요.
F12키 개발자모드로 확인해서 정확히 어떤 요소 때문에 테두리가 생기는지 체크해 보세요.
https://homzzang.com/b/css-251
PS. 코드 수정 후엔 인터넷임시파일 제거허샤야 반영됩니다.
답변을 작성하시기 전에 로그인 해주세요.