The Basic of CSS Checkbox Hack

by Taufik Nurrohman

HTML

<select>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
</select>
<label>Pilih salah satu!</label>

CSS

body {
    padding:50px;
}

select + label {
    background-color:black;
    padding:2px 10px;
    color:white;
    margin:0 0 0 5px;
    vertical-align:middle;
    display:inline-block;
}

select:focus + label {
    font-size:50px;
}