4

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

在下面的小提琴(和屏幕截图)中,根据 Chrome 开发者控制台,buttondiv具有完全相同的样式,但按钮的文本是垂直居中的,而 div 的不是:

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

按钮与 div

任何人都知道将完全重置按钮的属性或选择器,特别是包括其标签位置?


回答

除了 Chrome ~25 之外的任何浏览器都没有办法。我联系了 Chromium 项目,说它在 Chrome 27 中不起作用(请参阅@winterblood 答案和评论)。他们这样说:

问题是我们现在在按钮内的匿名块上使用 margin:auto 来在按钮内进行居中以获得安全居中。所以,不幸的是,没有办法从 CSS 中对其进行样式设置。您之前能够控制这种行为实际上是泄漏的实现细节。

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

4

1 回答 1

3

对于 webkit,您需要使用or-webkit-box-align的值覆盖。baselinestart

我还没有在 Firefox 中实现这一点(从非常简短的角度来看)。

于 2013-03-25T22:46:46.503 回答