CSS 복습 중 몇가지

좌우로 꽉 차도록(css)

display: flex;
justify-content: space-between;

 

포커스 시 라인 제거, 배경 변경

input:focus, textarea:focus {
    outline: none;
    background-color: #eee;
}

 

input(text) 내 placeholder 스타일 변경

input[type="text"]::placeholder {
    font: 1.1em 맑은고딕, Arial, sans-serif;
    color: #ccc;
}

 

포커스 시 placeholder 투명처리

input:focus::placeholder {
    color: transparent;
}

 

placeholder 가 아니라 label 사용 하는 것을 추후 확인 해야한다.