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

パディングが変更された場所をクリックしても、クリック イベントは発生しません。ボタン内でテキストを移動したり、この動作を修正したりする方法はありますか?

編集:無関係な情報を更新および削除しました。

4

1 に答える 1

1

:active セレクターはクリック イベントではありません。

cssでアクティブとは、クリックがまだアクティブなときに何かが起こることを意味します。必要なのはクリックイベントです。

于 2013-04-26T18:57:11.870 に答える