2013-04-26 73 views
0

伊夫按钮单击事件有一大堆的菜单按钮的我最近与CSS样式没有发生

<button type="button" class="menu">Menu Button</button> 

CSS:

button.menu { 
    font-family: 'Calibri', sans-serif; 
    font-weight: bold; 
    font-size: 12px; 
    border: none; 
    color: #1a3e66; 
    text-align: right; 
    padding-right: 45px; 
    padding-bottom: 6px; 
    height: 34px; 
    width: 134px; 
} 

button.menu:hover { 
    padding-right: 49px; 
    padding-bottom: 10px; 
    cursor: pointer; 
} 

button.menu:active { 
    padding-right: 45px; 
    padding-bottom: 6px; 
} 

如果你点击其中填充改变没有点击事件触发。有没有办法在按钮内移动文本或修复此行为?

编辑:更新和删除无关信息。

+0

要想在没有图像的情况下帮助你并不容易。但如果你不觉得用CSS舒适,你可以使用这个网站(http://css3button.net/)来制作漂亮的CSS3按钮 – Pith 2013-04-26 19:10:43

+0

我实际上使用CSS来制作它们,但不得不将它们变成精灵因为我需要包含投影的宽度。没有背景图像,问题仍然存在。 – user1681732 2013-04-26 19:15:35

+0

@pith这是BS。用纯色替换图像也表明了问题。 (这就是说,OP,这就是你应该做的事情,保持你的代码示例尽可能简单。) – millimoose 2013-04-26 19:21:18

回答

1

:active selector其不是 click event

在CSS中处于活动状态的意思是当您只点击某些事件时,点击仍然处于活动状态。你需要的是 click event

+0

我已经有了一个,它已经在90%的按钮上工作,而不是移动的部分。这也正好是大多数人倾向于点击这些按钮的地方'Button b = new Button(“Menu”); b.setStyleName(STYLE_MENU); b.addClickHandler(new ClickHandler(){@Override public void onClick(ClickEvent event){stuff()}});'' – user1681732 2013-04-26 19:45:51