/*input type=”text”*/
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"] {
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    border-radius: 0;
}
/*type=”tel”やtype=”email”など、他の1行テキストもリセットしたい場合は適宜追加してください。*/

/*ラジオボタン*/
input[type="radio"] {
    display: none;
}
input[type="radio"]:checked + label {
    background: #ff0000;
}
/*デフォルトのラジオボタンはdisplay: none;で非表示にして、labelに背景画像を指定してデザインを変更する想定です。
もしくは::beforeなどの疑似要素でデザインを変更してもよいです。
選択時の変更は隣接セレクタを使って対応しています。*/

/*チェックボックス*/
input[type="checkbox"] {
    display: none;
}
input[type="checkbox"]:checked + label {
    background: #ff0000;
}

/*セレクトボックス*/
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
}

/*テキストエリア*/
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    border-radius: 0;
}
/*chromeなどで右下に表示されるリサイズ用のUIを非表示にするため、resize: none;を指定しています。
ユーザーにリサイズをさせたい場合は外してください。
セレクトボックスと同じく、テキストエリアもIEだけ少し表示が異なるのでご注意ください。*/

/*ボタン*/
button,
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
}