エトセトラ備忘録

WPなど案件構築覚書

NEW ARTICLE
EC-CUBEの「ご注文完了」ページに購入された商品のIDを用いて分岐させる[4系]

チェックボックスを画像に変更する

チェックボックスを画像に変更する

■html

<input type="checkbox" id="check">
<label for="check">checkbox</label>

■css

input[type="checkbox"] + label {
	display: block;
	background-image: url(../images/bg_checkbox_off.png);
	background-size: 24px;
	background-position: 10px center;
	background-repeat: no-repeat;
	padding: 4px 0 0 45px;
}
input[type="checkbox"]:checked + label {
	background-image: url(../images/bg_checkbox_on.png);
}