HTML5, CSS3

text input focus border 없애기

하늘을난모기 2022. 4. 20. 17:20

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

input을 클릭하면 focus 되면서 border가 표시 되는데, 이 부분을 없애고 싶을 경우가 있다.

style에서 outline을 none으로 하면 된다.

.input {
  outline: none;
}

'HTML5, CSS3' 카테고리의 다른 글

font 추가하기  (0) 2021.12.20
IE에서 absolute가 정상적으로 작동하지 않을 때  (0) 2020.12.14
Article vs Section  (1) 2020.09.14