Question

我遇到的问题是，按钮的上部〜25％只能点击几个按钮，指针不会出现在此标记的下方。
我尝试了一些东西，当我在CSS中将其更改为display: block时，整个按钮再次变为可点击，但当我尝试display: inline-block时，它再次出现错误而无法点击。

然而，此仅在Chrome中发生，在IE和Firefox中运行良好。并且后退按钮和整个工作一样，只有那三个符合类 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颜色更改为黑色以便可见，只有3个红色的颜色在其中那些是有问题的，蓝色不在其中并起作用。

修改：此标记区域是可点击的http://imgur.com/MJ0vIwT和按钮的外部底线，
但你必须是超像素精确的..
编辑2：尝试增加填充，这是可点击的.. 看起来文本不可点击，填充顶部和底部是可点击的。我很困惑。

好像我摆脱了它在{3}红色按钮之后</td></tr>并为蓝色按钮打开新按钮之后。我不知道如何，但它可以再次整体点击..在我试图仅删除边距之后也工作了。有时编程令人困惑。 :(

Answer 1

（我很抱歉，我不能发表评论）。

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

HTML输入类型=按钮在Chrome中无法点击？

1 个答案: