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

크롬 focus 시 파란 테두리 없애는 방법좀 알려주세요 채택완료

몰라무서워 7년 전 조회 15,972

크롬브라우저에서  input 박스에 클릭했을때 파란 테두리가 생기는데요

이걸 없애고 싶습니다.

 

인터넷 검색하니까

input:focus{

    outline: none;

}

 

이렇게 하면 된다는데 안되네요

방법 좀 알려주세요

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

답변 4개

채택된 답변
+20 포인트
7년 전

</strong></p>

<p><html>

<head>

<style>

input,textarea:focus {</p>

<p>        outline: none;</p>

<p>   }

</style></p>

<p></head></p>

<p><body></p>

<p><input type="text" id="a" /></p>

<p><textarea id="b"></textarea></p>

<p></body></p>

<p></html></p>

<p><strong>

 

확인결과 잘됩니다.

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

답변에 대한 댓글 1개

몰라무서워
7년 전
제 소스중에 뭔가 문제가 있나보네요
해당코드는 잘 되네요 감사합니다~

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

SLOOP
7년 전

How to remove the border highlight on an input text element

https://stackoverflow.com/questions/1457849/how-to-remove-the-border-highlight-on-an-input-text-element

 

확인해보세요

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

답변에 대한 댓글 1개

몰라무서워
7년 전
감사합니다~

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

프라푸치노K

다른 css 값 때문에 우선순위에서 밀리는거 같습니다.

css 강제 적용 해보세요. (강제 적용도 안된다면, 개발자 도구로 어떤값이 적용되는지 확인해야합니다.)

input,textarea:focus {

        outline: none !important;

}

 

참고 : http://aboooks.tistory.com/120

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

답변에 대한 댓글 1개

몰라무서워
7년 전
감사합니다~

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

7년 전

 

확인결과 잘됩니다~

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

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

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

로그인