用 CSS 修改 HTML button 按鈕文字顏色

HTML button 的預設按鈕文字顏色通常是黑色的，也不是說黑色的按鈕文字顏色就不好，只是有的時候，當網頁設計師設計出了獨具風格的整體頁面，按鈕上的文字顏色也應該搭配整體的網頁設計來呈現，那要如何修改 HTML button 的按鈕文字顏色呢？網頁設計師可以使用 CSS 提供的文字顏色修改屬性，也就是 color 來做這樣子的設計，我們這裡先看看兩個關鍵的基礎語法，再於範例中套用在一起看效果。

基礎語法

HTML button 按鈕語法（詳細用法請參閱：HTML button 按鈕）

CSS 文字顏色 color 語法（詳細用法請參閱：CSS color 文字顏色）

color: 顏色;

有了以上兩個語法，我們就可以套用在一起，請看範例的實際套用寫法。

用 CSS 修改 HTML button 按鈕文字顏色範例

範例的輸出結果

範例就是用 CSS 修改 HTML button 按鈕文字顏色的簡單方式，在按鈕的語法中，加入 style 宣告要顯示一段 CSS 樣式，其中的 color 是用來設定要顯示的按鈕文字延色，例如藍色（color:blue;）、紅色（color:red）以及綠色（color:green），這只是個簡單的範例，color 屬性還可以有其它不同的設定方式，各位可以從《CSS color 文字顏色》篇的內容看得更詳細些。

延伸閱讀