인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

Songyi jeon님의 프로필 이미지
Songyi jeon

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

a태그 클릭 시 생기는 아웃라인을 없애고 싶은데 안되네요 ㅜㅜ 도와주세요

작성

·

634

1

ul li a 태그를 이용해서 페이지네이션을 만들고 있는데요...

a 태그에 적용하는 클래스에 outline:0 도 해보고 none도 해보고

!important 도 적용해 봤는데 계속 생기네요...

선생님이 강의에 하셨던 건 button 태그이긴 했는데 a 태그에는 적용 방법이 다른가요?

부트스트랩에서 제공하는 페이지네이션을 커스텀해서 사용하고 있는데 그래서 그런걸까요?

답변 부탁 드립니다 ㅜㅜ

답변 1

0

부트스트랩과 같은 프레임웍을 사용하지 않으시면 a태그에 outline이 생길일이 없습니다

a태그 관련 가상클래스를 찾아보시면 도움이 되실거에요.

강의 내용이 아닌 부분이라 상세한 답이 될지는 모르겠지만 '클릭시 a태그의 밑줄'이라고 하셨으니까 a:active에 밑줄을 없애시면 될 듯 합니다. 부트스트랩을 쓰시면 부트스트랩 CSS가 잡고 있는 경우가 많으니까 아마도 !important 쓰셔야 할거에요.

혹시 모르니 해보세요. 죄송하지만 다음에는 강의 내용 중에 있는 질문으로 부탁드려요.

a:active {

     outline: none !important;

}

a:link  방문 전 링크 상태

a: visited   방문 후 링크 상태

a: hover   마우스 오버했을 때 링크 상태

a: active  클릭했을 때 링크 상태

Songyi jeon님의 프로필 이미지
Songyi jeon

작성한 질문수

질문하기