테스트 사이트 - 개발 중인 베타 버전입니다

부트스트랩 네비바에서 테두리 색상바꾸기 채택완료

디스달나노 2년 전 조회 1,485

클릭안했을 때는 테두리를 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개

채택된 답변
+20 포인트

클릭 후 active 클래스가 추가되어 CSS 가 변경될겁니다.

border:0px !important; 적용해보세요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
2년 전

F12키 개발자모드로 확인해서 정확히 어떤 요소 때문에 테두리가 생기는지 체크해 보세요.

https://homzzang.com/b/css-251

 

PS. 코드 수정 후엔 인터넷임시파일 제거허샤야 반영됩니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인