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

swiper소스 사용 시 outline 채택완료

무차무차 4년 전 조회 2,545

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

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

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

혹시 아시는 분 계실까요?

 

</p>

<p><div class="s_pagn"></p>

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

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

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

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

<p></div></p>

<p> </p>

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

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

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

<p>

 

<초기화 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개

무차무차
4년 전
감사합니다! 덕분에 해결했습니다.

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

4년 전

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

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

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

답변에 대한 댓글 1개

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

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

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

로그인