input, select 스타일 제어

input, select 스타일 제어를 항상 기억하고 있으면 좋겠지만.. 난 기억력이..

// 스타일링 제거
.input{
  border-radius: 0;

  // 포커스시 효과 제거
  outline-style: none; 

  // 브라우저별 기본 스타일링 제거
  -webkit-appearance: none;  
  -moz-appearance: none;
  appearance: none;
}

// 플레이스홀더 컬러 지정
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder{
    color: #ccc;
}

// select : ie10, 11 select 기본 화살표 삭제
select::-ms-expand {
    display: none;
}