HTML 输入类型 = 按钮在 Chrome 中不可点击？

Question

我遇到的问题是一些按钮只能在按钮的上部 ~25% 处单击，指针不会出现在该标记下方的任何位置。
我尝试了一些东西，当我在 CSS 中将它更改为 display: block 时整个按钮再次变得可点击，但是当我尝试 display: inline-block它再次出现错误，无法点击。

然而，这仅发生在 Chrome 中，在 IE 和 Firefox 中工作正常。 back 按钮也能正常工作，只有分配给类 buttonRot 的那三个按钮不起作用。这里有什么问题吗？

这是我的代码:[HTML]

<form method="POST" action="zumtesten7.php" style="background-color:white">
<input type="button" value="Jetzt freigeben" name="Speichern" onClick="doSubmit(this.form,<?php echo (int) $intSNr.','.$BuchungsNr ?>)" class="buttonRot">&nbsp;&nbsp;&nbsp;&nbsp;
<input type="button" value="Stornieren" name="Storno" onClick="doStorno(this.form,<?php echo $intSNr.','.$BuchungsNr ?>)" class="buttonRot">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="button" value="Seite drucken" name="Drucken" onClick="javascript:window.print()" class="buttonRot">
<input type="button" value="Zurück" name="Back" onClick="javascript:window.location.href='zumtesten6.php?SNr=<?php echo $intSNr;?>'" class="buttonBlau"  style="margin-left: 592px;margin-top:-20px">

[CSS]

.buttonRot {
    padding: 0 5px;
    border: 0;
    box-shadow: 2px 2px 2px #000;
    text-shadow: 1px 1px 1px #000;
    width:auto;
    height:22px;
    cursor:pointer;
    font-weight:bold;
    background-color:#cc0000;
    color:#ffffff;
}

.buttonBlau is the same just with  

background-color:#00aaee;

我猜它与表单有关？
我将第一行的 bg-color 更改为黑色以便可见，并且其中只有 3 个红色。
那些是有问题的，蓝色不在其中并且有效。

编辑:这个标记区域是可点击的http://imgur.com/MJ0vIwT以及按钮的外底线，
但你必须 super 精确..
编辑 2:试图增加可点击的填充。似乎文本不可点击，填充顶部和底部是可点击的。我很困惑。

似乎我在 </td></tr> 之后摆脱了它在 3 个红色按钮之后打开蓝色按钮的新按钮。我不知道如何，但它又可以作为一个整体再次点击。在我尝试仅删除边距后，它也能正常工作。有时编程令人困惑。 :(

Answer 1

(很抱歉我不能发表评论)。

您的问题可能是填充规则。尝试更改以检查可点击区域是否也发生了变化。