입력 버튼 글꼴 색상을 변경하는 방법은 무엇입니까?

Question

I 양식 버튼에 다음과 같은 코드가하고 내부 텍스트의의 나는 색상을 변경할 수 없습니다

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

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

다른 스타일

(즉, 텍스트 정렬, BG 색상) 작동하지만 글꼴 색입니다 여전히 검은 색입니다. 내가 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>