suzck

-webkit-appearance: none;

suzck

<input type="checkbox" class="real-checkbox" name="checkbox" id="checkbox1" />
<label for="checkbox1"><span class="fake-checkbox"> X </span>Crushing</label>

suzck

.select-list {
    position: relative;

    &:after{
        content: "▼";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 60%;

suzck

/*  So first step is to hide your actual radio button because the browser won't let you hide the real thing  */
input[type="radio"] {
    display:none;
}
/*  Next specify a font size, 8px is comes out about the same size as a regular radio button  */
.radio-stack{
	font-size: 8px;
}