/* 인풋 등이 클릭되어 포커스 된(입력 받는) 상태 */
input[type=text]:focus{
  /* border 밖의 선(박스 요소가 아님) */
  outline: 2px solid dodgerblue;
}
/* 필수 입력 요소 */
input:required{
  border-color: orangered;
}
/* 값이 유효한 입력 요소 */
input[type="email"]:valid{
  border-color: green;
}
/* 값이 무효한 입력 요소 */
input[type="email"]:not(:valid){
  border-color: purple;
}