CSS-input type으로 선택

hannah·2023년 9월 19일
0

JavaScript

목록 보기
86/121
post-custom-banner

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;
}

0개의 댓글