切换按钮按下颜色

我在我的应用程序中使用切换按钮，我想按下按钮时设置背景颜色。切换按钮按下颜色

我怎么知道什么是正确的属性？

一般来说，有什么地方可以知道哪个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

切换按钮按下颜色

回答

相关问题