button背景色
Ⅰ HTML中如何改变按钮的颜色
HTML button按钮的边框样式与颜色都是可以修改的，用基本的HTML语法难以设计出美轮美奂的按钮风格，透过CSS却可以很容易的办到，在本篇HTML button按钮边框样式与颜色的修改介绍中，我们将会用到CSSborder属性其中的边框样式（border-style）以及边框颜色（border-color）来制做，当然按钮本身的宽度（width）与高度（height）也必须搭配使用，无论是button还是submit按钮都可以用这样的技巧，但不同的浏览器可能会有一点点小小的差异，这跟浏览器本身有关系，设计按钮的css效果时，通常要多用几个浏览器测试。
范例一、HTML button按钮边框样式与颜色
范例二延续范例一的程式码，增加了background-color 的属性，替按钮增加背景颜色，这里为了让范例比较简洁一点，所以背景颜色都是用粉红色（pink）呈现，你也可以自己修改为其他不同的背景颜色。
Ⅱ HTML点击按钮改变页面的背景颜色的代码该怎么打
<body id=body style="background-color:#888">
<div id=text style="background-color:#8f8">请留意看页面的背景颜色和这版段文字权的背景颜色</div>
<button onclick="body.style.backgroundColor='#000';">点我改变页面背景颜色</button>
<button onclick="text.style.backgroundColor='#f88';">点我改变文字背景颜色</button>
</body>
Ⅲ 怎样在HTML中插入Button按钮,且按钮要显示颜色
首先插入内容：
<button type='button' class='btn-style'>点击</button>
css样式有两种，一种是定义一个class，命名为btn-style（此处定义为红色背景）
.btn-style{
background-color:red
}
另一种定义:直接在button标签上写内联样式，如下：
<button type='button' style='background-color:red'>点击</button>
效果如下，按钮红色背景：
(3)button背景色扩展阅读：
1、<button> 标签定义一个按钮。在 button 元素内部，您可以放置内容，比如文本或图像。
2、同样设置按钮其他样式，比如:
边框：border:1px solid #1054ff;//表示边框为1px，实体线，颜色为#1054ff
字体颜色：color:#1054ff;//表示字体颜色为#1054ff
按钮圆角设置：border-radius:4px;//表示按钮四个角有4px的圆角化
Ⅳ CSS写一个button按钮的背景颜色！
貌似你写的有问题吧，不用写type="button"这句，因为本来就是button标签。
<button value="ch1" >选项专一</button>
如果不加class或者id，可以属这样写：
button{ background-color:#ff0000; }
<button class="btn1" value="ch1" >选项一</button>
如果加个class，可以这样写：
.btn1{ background-color:#ffff00;}
Ⅳ html 如何给button设置背景图片的同时设置按钮的背景色
1.你按钮文字图片应该是背景透明的
这样就能透出背景色了
2.文字图片背景色和按钮背景色一致
3.使文字透明度会变得很难看
其他没想到呢
Ⅵ js 通过button按钮onclick事件改变背景颜色 如何切换性改变
<HTML>
<head>
<script>
function mychange()
{
var color = document.getElememtById("colorType").value;
if(color == "red")
{
document.getElementById("div1").style.background="blue";
document.getElememtById("colorType").value = "blue";
}
else if(color == "blue")
{
document.getElementById("div1").style.background="red";
document.getElememtById("colorType").value = "red";
}
}
</script>
</head>
<body>
<table id="div1" style="height:80px; width:800px; background:red">
<input type="hidden" value="red" id="colorType" />
<input type="button" value="第一个按钮" onclick="mychange()" />
</table>
</body>
</HTML>
这是一种简单的方式实现。还有很多中解决方案，你可以再拓展一下。
Ⅶ jquery如何设置按钮颜色
jquery设置按钮颜色可以通过动态操作css来实现。
1、指定html中的button元素
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery.js"></script>
</head>
<body>
<input type="button" value="按钮变化颜色" id="btn"/>
</body>
</html>
2、设置颜色的jquery脚本：
$("#btn").click(function(){
//each()分流出每个事件
$("#btn").each(function(index,elem){
//在给附上css值
$(elem).css("background",$(elem).data("color"));
})
})
// document.getElementById("a").style.background="red";
</script>
Ⅷ button按钮的背景颜色能改变吗
可以：使用默认的CSS属性background-color更改即可：
<buttonclass="bg-deepskyblue">
<style>
.bg-deepskyblue{
background-color:deepskyblue;//若需要覆盖原来的颜色不成功
background-color:deepskyblue!important;
//则需要写"!important"在最后面
}
</style>
CSS原型：background-color: 颜色赋值(如HEX或RGB或HSL或直接的英文名);
Ⅸ ios开发怎么设置button的背景色
1.通过按钮的事件来设置背景色
- (void)viewDidLoad {
[super viewDidLoad];
UIButton *button1 = [[UIButton alloc] initWithFrame:CGRectMake(50, 200, 100, 50)];
[button1 setTitle:@"button1" forState:UIControlStateNormal];
button1.backgroundColor = [UIColor orangeColor];
[button1 addTarget:self action:@selector(button1BackGroundHighlighted:) forControlEvents:UIControlEventTouchDown];
[button1 addTarget:self action:@selector(button1BackGroundNormal:) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:button1];
}
// button1普通状态下的背景色
- (void)button1BackGroundNormal:(UIButton *)sender
{
sender.backgroundColor = [UIColor orangeColor];
}
// button1高亮状态下的背景色
- (void)button1BackGroundHighlighted:(UIButton *)sender
{
sender.backgroundColor = [UIColor greenColor];
}