input系のデフォルトCSS対策 - samidevjp/Tips GitHub Wiki

input,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 10px;
  outline: none;
  border: 2px solid #cad3e3;
  border-radius: 6px;
  &::placeholder {
    color: #ccc;
    font-size: 0.8em;
  }
}
input[type="submit"],
input[type="button"] {
  border: none;
}
input[type="submit"],
input[type="button"],
label,
button,
select {
  cursor: pointer;
}
select {
  padding: 0 10px;
  color: $color-txt;
}
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

body,
input,
textarea,
select,
button {
  font-family: inherit;
}

<style>
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"]{
box-sizing: border-box;
width: 400px;
}
</style>
<input type="text">
<input type="email">
<input type="tel">
<input type="number">
<input type="password">