2022.05.31

1. border:0; 과 border:none; 차이

 

 border-width를 0으로 만드느냐, 아니면 초기값(medium)으로 냅두느냐의 차이가 있다.

(전자가 border:0; 이고 후자가 border:none; 이다. )

우선 border:0; 을 써주는 것이 좋겠다는 생각이 들었다.

border:none;을 쓸경우 우선순위가 가장 낮기 때문에 충돌이 일어날 수 있다.

 

참고블로그

https://nykim.work/103?category=910469 

border: 0 vs. border: none

 

 

 

2. input 자동으로 마우스 커서 깜빡이게 

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

autofocus 속성을 추가해주면 된다.

 

 

 

3. input number 타입일때 옆에 화살표 없애주기.

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

위와 같은 코드를 적용시키면 가능하다.