Roroa.

こんにちは、kazukiです。
今回も毎度忘れては検索している、buttonタグ初期スタイルのリセットcssをメモとして残しておきたいと思います。

以前書いた「【css】inputの初期スタイルをリセットする」とほぼ同じですが備忘録として！

buttonのリセットcss

リセットさせるcssは以下です。

button {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

buttonタグはボタンとして使うのが多いため、マウスを合わせた時に「ボタンだよ！」とわかりやすいよう、初期ではスタイルされていないcursor: pointer;を追加しています。