Bootstrap按钮单击事件仅在上半部分触发

Question

我有一个没有其他样式的按钮，而不是Bootstrap提供的样式

<button class="btn btn-primary"
                ng-disabled = "svc.selectDisabled"
                ng-click="svc.chooseSelected()">Auswählen</button>

点击事件仅在按钮表面的上半部分触发，如光标悬停所示。

任何想法如何解决这个问题？

Answer 1

检查css

打开开发工具并按下按钮以查看按钮本身占用的区域。如下图所示。

或使用选择元素按钮（在红色方块中）

并将鼠标悬停在按钮上。这将让你看看是否有东西超过它的顶部。

如果有什么东西超过顶部那么你需要设置相对值并给它一个z-index。或者更好的是，一定要剪掉你不需要的东西。