230208 CSS 포커스 이용해서 input 눌렀을 때 border에 효과 주기

230208

포커스 이용해서 input text 눌렀을 때 border 효과 주기

 

/*input 클릭하면 효과 있다.*/
input:focus{outline:none;/*input 박스를 클릭 했을떄 나오는 테두리 색상 없애기*/
border:solid 2px #CCCCFF; /*box-shadow: 0 0 5px #d6a8e9;*//*그림자 효과*/};

!important 쓰니까 실행됐다.

참고: https://zxchsr.tistory.com/301

---

select:focus{
border:solid 2px #CCCCFF !important; box-shadow: 0 0 15px #ECEEFF;}

참고: https://stackoverflow.com/questions/43820420/change-the-border-color-of-the-select-input-for-focus

---