切换按钮按下颜色
答
如果您使用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");
答
我知道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') });
})
答
一般来说,有什么地方可以知道哪些css属性对HTML元素有哪些影响?
是的,http://www.w3schools.com/css/有你可能需要的大部分。查看左边的列以查找您正在查找的CSS属性。
关于你的第一个问题,我可以使用btn:active,btn:hover,btn:visited属性。 (即您的按钮具有类/ ID 'BTN'。)
好运
你打算如何改变颜色? JavaScript的? jQuery的?某种后端?如果你只是想要CSS属性,它是'背景颜色' – Jason 2009-12-22 23:40:47
从他的标签看起来他使用的是[gwt] Google Web Toolkit – Mottie 2009-12-22 23:45:17