[CSS] input 태그 안의 타입(type)을 선택하려면?

CSS에서  input 태그안의 타입을 선택하려면 어떻게 해야 하나요? 

대괄호를 ( [ ] ) 쓰고 이 안에 타입명을 쓰면 됩니다. 

 

 

구문

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

* input에 정의할 수 있는 타입명 : button, password, text등 많습니다. 자세한 input  type에 대해 알고 싶으시면 아래를 참고하셔요! 
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input

 

 

예시

input[type=text] {
    font-family: Arial, sans-serif;
}

  input[type=text], input[type=password] {
      width: 100%;
      padding: 15px;
      margin: 5px 0 22px 0;
      display: inline-block;
      border: none;
      background: #f1f1f1;
}