html - 按钮点击事件没有发生

Question

我最近用 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;
}

如果单击填充更改的位置，则不会触发单击事件。有什么方法可以在按钮内四处移动文本或修复此行为？

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

Answer 1

:active selector它不是 click event .

在 css 中激活意味着当你点击某些东西时，只要点击仍然处于事件状态。你需要的是 click event .