swiper소스 사용 시 outline
본문
안녕하세요 swiper 슬라이드 소스로 배너작업을 했는데요
Navigation 클릭 시 파란 아웃라인이 계속 남아 있어요
reset.css에서 button, a 태그 등 border:none; outline:none; 넣어 줬는데도 안 없어지네요ㅠ
혹시 아시는 분 계실까요?
<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
뒤에 !important; 넣어보세요
outline: none !important;
감사합니다! 덕분에 해결했습니다.
스와이프 css가 우선 적용되서 그럴수도 있고 다른 css가 영향을 줄수도 잇습니다.
개발자 도구로 적용되어 있는 스타일을 한번 확인해보세요.
감사합니다. 말씀하신대로 우선적용 돼서 그런거였어요ㅠ
답변을 작성하시기 전에 로그인 해주세요.