CSS <按钮>重置：垂直标签位置？</按钮>

Question

我想完全重置button的继承CSS，使其行为与任何其他内联块元素完全相同。但是，我遇到了一个问题，即按钮文本永远垂直居中。

在下面的小提琴（和屏幕截图）中，button和div根据Chrome开发者控制台具有完全相同的样式，但按钮的文字是垂直的 - 居中，而div则不是：

http://jsfiddle.net/rgthree/vT3a7/

任何人都知道将完全重置按钮的属性或选择器，具体包括其标签位置？

---

答案

Chrome~25以外的任何浏览器都无法使用。我联系了Chromium项目，了解它在Chrome 27中无效（请参阅@winterblood答案和评论）。他们这样说：

  

问题是我们现在在按钮内的匿名块上使用margin：auto来进行按钮内部的居中以获得安全居中。所以，遗憾的是，没有办法从CSS设计它。您之前能够控制此行为的确是实现细节泄漏。

所以，真正的答案是你不能在任何浏览器中设置这个样式，除了Chrome~25，-webkit-box-align无意中暴露出来，正如@winterblood回答的那样。

Answer 1

对于webkit，您需要使用值-webkit-box-align或baseline覆盖start。

我还没有在Firefox中实现这一点（从非常简短的看看）。