swiper소스 사용 시 outline 채택완료

안녕하세요 swiper 슬라이드 소스로 배너작업을 했는데요

Navigation 클릭 시 파란 아웃라인이 계속 남아 있어요

reset.css에서 button, a 태그 등 border:none; outline:none; 넣어 줬는데도 안 없어지네요ㅠ

혹시 아시는 분 계실까요?

 

3553403664_1607863220.2501.png

Copy
<div class="s_pagn">

<a href="#" class="s_btn_stop ir_su">일시정지</a>

<a href="#" class="s_btn_play ir_su">재생</a>

<div class="swiper-button-next b_next"></div>

<div class="swiper-button-prev b_prev"></div>

</div>

 

.swiper-button-next, #banner .swiper-button-prev {position:absolute; z-index:150; width:35px; height:50px; text-indent:-9999px; overflow:hidden; transform:translateY(-3px);}

.swiper-button-next {right:0; top:50%; background:url(../img/main_slide_next.png) no-repeat 9px center;}

#banner .swiper-button-prev {left:0; top:50%; background:url(../img/main_slide_prev.png) no-repeat 20px center;}

 

<초기화 css>

input, select, option, textarea, button{

border: 0 none;

border-radius: 0;

box-shadow: 0;

outline: none;

}

/* 테두리 초기화 */

img, fieldset{

border:0 none;

}

/* 버튼 초기화 */

button{

border:none;

}

 

 

답변 2개

채택된 답변
+20 포인트

뒤에 !important; 넣어보세요
outline: none !important;

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

답변에 대한 댓글 1개

감사합니다! 덕분에 해결했습니다.

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

스와이프 css가 우선 적용되서 그럴수도 있고 다른 css가 영향을 줄수도 잇습니다.

개발자 도구로 적용되어 있는 스타일을 한번 확인해보세요.

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

답변에 대한 댓글 1개

감사합니다. 말씀하신대로 우선적용 돼서 그런거였어요ㅠ

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

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

로그인
🐛 버그신고