CSS

[CSS] input type으로 속성 선택자 (input type별 스타일 적용하기)

chsr 2021. 7. 28. 13:40
728x90
반응형

■ CSS input type으로 속성 선택자 (input type별 스타일 적용하기)

input 셀렉터로 스타일을 적용하면 텍스트박스, 버튼, 라디오 버튼, 체크박스 버튼 등 모든 input 태그에 적용됨


■ 사용법

input[type=타입] { 
  /* 스타일 내용 */
}

■ 예제 

예제 코드 실제 구현 화면단 캡처

<style>
  input { background-color: gray; }
  input[type=text] { border:1px solid #000; }
  input[type=button] { border:1px solid red; }
</style>

<input type='text' value='TEXT_1' />
<input type='text' value='TEXT_2' />
<input type='button' value='BTN_1' />
<input type='button' value='BTN_2' />

 

728x90
반응형