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

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