Question

有没有办法以编程方式更改按钮的颜色，或者至少更改按钮标签的颜色？我可以用

更改标签本身

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

但是如何改变颜色？

Answer 1

我终于找到了一个正常工作的代码 - 试试这个：

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

Answer 2

以下是使用HTML的示例：

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

以下是使用JavaScript的示例：

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

Answer 3

可能最好更改className：

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

然后在CSS中添加一个按钮样式，您可以在其中设置背景颜色和其他任何内容。

Answer 4

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

Answer 5

我相信你想要bgcolor。像这样：

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

以下是一些可能会有所帮助的演示：

Background Color

Background Color Changer

Answer 6

Try this code 你可能想要这样的东西

<button class="normal" id="myButton" 
        value="Hover" onmouseover="mouseOver()" 
        onmouseout="mouseOut()">Some text</button>

然后在你的.js文件中输入。确保你的html连接到你的.js

var tag=document.getElementById("myButton");

function mouseOver() {
    tag.style.background="yellow";
};
function mouseOut() {
    tag.style.background="white";
};

Answer 7

如果将其分配给一个类，它将可以正常工作：

<script>
  function changeClass(){
    document.getElementById('myButton').className = 'formatForButton';
  }
</script>

<style>
  .formatForButton {
    background-color:pink;
   }
</style>

<body>
  <input id='myButton' type=button class=none value='Change Color to pink' onclick='changeClass()'>
</body>

以编程方式更改按钮颜色

7 个答案: