Как изменить цвет кнопки ввода?

Question

У меня есть следующий код на кнопки формы, и я не могу изменить цвет его внутренний текст:

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

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

других стилей (т.е. выравнивания текста, Б.Г. цвет) работа, но цвет шрифта все еще черный. Я проверяю в devtools, и ничто, кажется, не перезаписывает его.

Answer 1

Вместо тега <input> используйте тег HTML5 <button>.

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

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