切換按鈕按下顏色

我在我的應用程序中使用切換按鈕，我想按下按鈕時設置背景顏色。切換按鈕按下顏色

我怎麼知道什麼是正確的屬性？

一般來說，有什麼地方可以知道哪個CSS屬性對HTML元素有哪些影響？

2009-12-22 special0ne

你打算如何改變顏色？ JavaScript的？ jQuery的？某種後端？如果你只是想要CSS屬性，它是'背景顏色' – Jason 2009-12-22 23:40:47

從他的標籤看起來他使用的是[gwt] Google Web Toolkit – Mottie 2009-12-22 23:45:17

如果您使用GWT的切換按鈕，那麼你可能

import com.google.gwt.user.client.ui.ToggleButton; 
final ToggleButton tb = new ToggleButton("my button text"); 
if (tb.isDown()) { 
    tb.addStyleName("pressed"); // or tb.setStyleName("pressed"); 
}

，並在你的CSS文件：

.pressed { background-color: blue; } /* any color you want */

另一種方式 - 來改變這種給定按鈕的只是背景：

tb.getElement().getStyle().setProperty("background", "green");

來源

2009-12-23 15:23:37 zmila

我知道GWT與jQuery類似，但我從來沒有用過......用jQuery我會這麼做（我不確定你使用的是什麼樣的按鈕標籤，所以我都包含了這兩個）：

CSS

input, button { 
background-color: #555; 
color: #ddd; 
} 
.clicked { 
background-color: #f80; 
}

HTML

<button type="button">Click Me</button> 
<input type="button" value="Click Me" />

腳本

$(document).ready(function(){ 
$('button, :button') 
    .mousedown(function(){ $(this).addClass('clicked') }) 
    .mouseup(function(){ $(this).removeClass('clicked') }) 
    .mouseout(function(){ $(this).removeClass('clicked') }); 
})

來源

2009-12-22 23:52:48 Mottie

一般來說，有什麼地方可以知道哪些css屬性對HTML元素有哪些影響？

是的，http://www.w3schools.com/css/有你可能需要的大部分。查看左邊的列以查找您正在查找的CSS屬性。

關於你的第一個問題，我可以使用btn：active，btn：hover，btn：visited屬性。（即您的按鈕具有類/ ID 'BTN'。）

好運

來源

2009-12-23 00:25:15 cr0z3r

切換按鈕按下顏色

回答

相關問題