以編程方式更改按鈕顏色

有沒有方法通過編程方式更改按鈕的顏色或至少是按鈕標籤的顏色？我可以改變以編程方式更改按鈕顏色

document.getElementById("button").object.textElement.innerText = "newlabel";

但如何改變顏色標籤本身？

來源

2009-11-30 Zsolt

+1只是因爲我認爲沒有理由的人投票下來。 – Jimmeh 2009-11-30 13:43:19

下面是一個使用HTML的例子：

<input type="button" value="click me" onclick="this.style.color='#000000'; 
this.style.backgroundColor = '#ffffff'" />

這裏是使用JavaScript的例子：

document.getElementById("button").bgcolor="#Insert Color Here";

來源

2009-11-30 13:49:42

對不起，我把我的回覆放在上面兩篇文章的所有文章中，是到了晚些時候:-( 所以只是重複一次，沒有任何提案可行，儘管最後一篇我不明白，所以我沒有嘗試。感謝進一步提示 – Zsolt 2009-12-01 06:53:19

我相信你想要的bgcolor。事情是這樣的：

document.getElementById("button").bgcolor="#ffffff";

這裏有幾個演示，可以幫助：

Background Color

Background Color Changer

來源

2009-11-30 13:51:04 DOK

可能是最好的改變的className：

document.getElementById("button").className = 'button_color';

然後你可以在你可以加CSS的地方添加一個buton風格n設置背景顏色和其他任何東西。

來源

2009-11-30 13:51:17 matpol

請記住將代碼突出顯示！**;）** – 2009-11-30 13:53:25

感謝Nathan/DOK，這些工作都沒有。根本沒有任何反應奇怪的是，在CSS中，按鈕的顏色根本沒有定義。如果我將它定義爲顏色：＃00cccc;那麼它會改變（靜態）標籤文本的顏色.. Dashcode是一個有點特定我猜，它是蘋果化的Javascript ... 任何進一步的想法？謝謝 Zsolt – Zsolt 2009-11-30 22:14:22

可能是與按鈕的ID是按鈕的東西 - 也許更改ID爲'submit_button'或 – matpol 2009-12-01 09:01:39

我終於找到一個工作代碼 - 試試這個：

document.getElementById("button").style.background='#000000';

來源

2010-11-13 09:11:57

document.getElementById（「submit_button」）。style.backgroundColor ='lightgreen'; //這將保持懸停顏色變化 – xinthose 2015-04-15 16:02:14

use jquery : $("#id").css("background","red");

來源

2014-09-01 09:55:25

以編程方式更改按鈕顏色

回答

相關問題