How to Change Input Button Font color?

Question

I have the following code on a form button and I can't change the color of it's internal text:

<input type="button" name="continue" value="" class="next">

input.next {
color: white;
background: #199dd9;
text-align: left;
text-transform: uppercase;
}

The other styles (i.e. text-align, bg color) work, but the font color is still black. I inspect in devtools and nothing seems to be overwriting it.

Works fine for me.

Weafs.py
– Weafs.py

2014-12-08 23:52:57 +00:00
Commented Dec 8, 2014 at 23:52 — Weafs.py
– Weafs.py, Commented Dec 8, 2014 at 23:52

Ian Hazzard · Accepted Answer · 2014-12-08 23:53:44Z

2

Instead of the <input> tag, use HTML5's <button> tag.

button.next {
color: white;
background: #199dd9;
text-align: left;
text-transform: uppercase;
}

<button name="continue" class="next">Click me!</button>

answered Dec 8, 2014 at 23:53

Ian Hazzard

7,7688 gold badges37 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to Change Input Button Font color?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related