Question

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

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

一般来说，我可以知道哪个CSS属性对HTML元素有什么影响？

Answer 1

如果您正在使用GWT ToggleButton，那么您可以

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");

Answer 2

我知道GWT类似于jQuery，但我从未使用它...使用jQuery我会这样做（我不确定你使用的是什么样的按钮标签，所以我包括两者）：< / p>

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') });
})

Answer 3

一般来说，我知道哪个css属性对HTML元素有什么影响？

是的，http://www.w3schools.com/css/包含您可能需要的大部分内容。检查左栏中是否有您要查找的CSS属性。

关于你的第一个问题，我可以使用 btn：active，btn：hover，btn：visited 属性。（即你的按钮有类/ id'btn'。）

祝你好运

切换按钮按下颜色

3 个答案: