2014-10-09 1 views
2

http://jsfiddle.net/fj5u5Lk3/입력 기본 CSS 초점에

<input type="text"></input> 

는,이 필드는 기본적으로 파란색 테두리를 가져옵니다. 어디서 기본값과 색 코드를 찾을 수 있습니까? 내 자신을 추가하고 싶지만 덮어 씁니다. 제거하고 싶지만 다시 추가하려면 기본값을 알지 못합니다.

+0

https://developer.mozilla.org/en-US/ docs/Web/CSS/outline – j08691

답변

4

http://www.w3schools.com/cssref/pr_outline-color.asp를하거나 검색 input[type="text"]:focus :

input[type="text"]:focus { 
 
    outline: none; 
 
    box-shadow: 0px 0px 5px #61C5FA; 
 
    border:1px solid #5AB0DB; 
 
} 
 
input[type="text"]:focus:hover { 
 
    outline: none; 
 
    box-shadow: 0px 0px 5px #61C5FA; 
 
    border:1px solid #5AB0DB; 
 
    border-radius:0; 
 
}
<input type="text"></input>

+0

그러나 어디에서 기본값을 얻을 수 있습니까? 내 자신의 스타일을 추가하고 싶지만, 특정 상황에서 다시 기본 (파란색 윤곽선)으로 되돌리고 싶습니다. 정확히 기본 속성을 어디에서 찾을 수 있습니까? –

+0

기본값이란 무엇입니까? 각 브라우저는 다른 스타일을 사용합니다. –

+0

흠, 네 말이 맞아. 그걸 몰랐어. Chrome의 기본 개요를 묻는 것 같습니다. –

0

윤곽 속성이라고합니다.

outline: 0px; 

으로 설정할 수 있습니다. 그리고, 예를 들면

p { 
    outline-style: dotted; 
    outline-color: #00ff00; 
} 

일부 속성. 당신은 여기에 뭔가를 읽을 수 있습니다 : 당신이 사용할 수있는 "개요 CSS 속성"