checkbox icone google in firefox

Asked

Viewed 43 times

0

I’m having a problem with a checkbox in firefox.

I rode him like this:

.checkbox { 
        display:none; 
    } 
    .checkbox + label:before {
        font-family: 'Material Icons';
        display: inline-block;
        color: #0091FF;
        transform: scale(2.1);
        margin: 10px;
    }
    .checkbox + label:before { 
        content: "check_box_outline_blank"; 
    }
    .checkbox + label:before { 
        letter-spacing: 8px; 
    } 
    .checkbox:checked + label:before { 
        content: "check_box"; 
    }
<!-- Material Icons (Google) -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">


<input type='checkbox' id='checkbox1' class='checkbox' name='checkbox1'><label for='checkbox1'></label>

It’s working on Chrome, Safari. But not Firefox. Does anyone know why?

html css
  • 1

    Take that out of the CSS letter-spacing: 8px;

  • worked out, put the answer to me score.

1 answer

3


Remove the letter-spacing: 8px of the CSS that will solve.

See the need for this style, if you need to, you will have to search why Firefox has this problem.

Browser other questions tagged html css

You are not signed in. Login or sign up in order to post.