comparison examples/common/default/default.css @ 504:3ee6cc78d5bb

s4-Checkbox background darken
author HIROSE Yuuji <yuuji@gentei.org>
date Sat, 12 Jan 2019 14:36:39 +0900
parents 46a8da2740d9
children 2f2fd6da7194
comparison
equal deleted inserted replaced
503:5119c19d15b5 504:3ee6cc78d5bb
212 content: ""; display: block; /* Mimic Checkbox by absolute box */ 212 content: ""; display: block; /* Mimic Checkbox by absolute box */
213 position: absolute; top: 0; left: 0; margin: 0; 213 position: absolute; top: 0; left: 0; margin: 0;
214 } 214 }
215 input.s4-checkbox + label:before { /* checkbox frame */ 215 input.s4-checkbox + label:before { /* checkbox frame */
216 width: 0.8em; height: 0.8em; border: 1px solid #aaa; border-radius: 20%; 216 width: 0.8em; height: 0.8em; border: 1px solid #aaa; border-radius: 20%;
217 background: #ddd;
217 } 218 }
218 input.s4-checkbox:checked + label:before { /* checked frame bg */ 219 input.s4-checkbox:checked + label:before { /* checked frame bg */
219 background: pink; 220 background: pink;
220 } 221 }
221 input.s4-checkbox:checked + label { /* checked text */ 222 input.s4-checkbox:checked + label { /* checked text */

yatex.org