Safari浏览器中的“提交”按钮仅部分显示

Question

我在Safari中提交按钮有什么问题？它被放入一个带有＆＃34;显示器的容器中：table-cell＆＃34;并且只能部分显示在附图中。如果我将它放在display:table-cell.标签之间，一切正常。还有其他解决方案吗？

问题是由display:table-cell引起的。如果我删除.submit_button{ color:#fff; background:#80AA28; border:solid 1px #729823; -webkit-appearance: none; border-radius: 0; padding:8px 15px; margin:0; font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; text-align:center; font-weight:bold; -webkit-border-radius:2px; -moz-border-radius:2px;border-radius:2px; -moz-background-clip:padding; -webkit-background-clip:padding-box; background-clip:padding-box; cursor:pointer; }，问题就会消失。为什么呢？

＆＃13;

＆＃13;

<input type="submit" class="submit_button" />

<p><input type="submit" class="submit_button" /><p>

<p style="display:table-cell"><input type="submit" class="submit_button" /><p>

＆＃13;

//Bind parameters/data to the placeholder `(?)` in our `$sql`

mysqli_stmt_bind_param($stmt, "s", $uid); 

＆＃13;

＆＃13;

＆＃13;

https://docs.jboss.org/hibernate/orm/5.2/javadocs/org/hibernate/Session.html#createQuery-java.lang.String-java.lang.Class-

Answer 1

发现问题。这是由：

引起的

table {
height:100%;
}