The problem is that you're using percents instead of a numeric value or a keyword (normal
or bold
). If you change it to a numeric value, it works:
input.bold {
font-weight: 800;
}
<input type="submit" class="bold">
<input type="submit"> <!-- for comparison -->
See the MDN docs for supported values.