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。

按钮点击事件未发生

1 个答案: