2013-04-26 87 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