input 셀렉터로 스타일을 주면 텍스트 박스
, 버튼
, 라디오 버튼
등 모든 input 태그에 적용됨
특정한 타입을 선택하여 적용하고 싶으면 셀렉터를 input[type=타입]
으로 사용
예시)
input[type="text"]{
color: #fff;
border: none;
background-color: rgba(0, 0, 0, 0.2);
max-width: 400px;
}
또한, input창을 선택했을 때만 지정하여 스타일을 적용할 수 있음
예시)
input[type="text"]:focus {
color: #fff;
border: none;
background-color: rgba(0, 0, 0, 0.2);
max-width: 400px;
}