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];
}