Can't style text on input submit button as bold?

Question

I\'m trying to style the font in an input button as bold.

Here\'s my code:

Answer 1

Are you using chrome for a MacOS? If so, try adding a background-color to the button to see if it fixes it. The default Aqua styles might be interfering. You can also try -webkit-appearance: none; or -webkit-appearance: button;.

Answer 2

When you use numeric values with the font-weight property and you want to use bold then use the value greater than or equal to 700

.nm-button {
  text-transform: uppercase;
  padding: 5px;
  color: blue;
  font-weight: 700;
}

Js Fiddle Demo