我想完全重置 abutton
的继承 CSS,使其行为与任何其他内联块元素完全相同。但是,我遇到了一个问题,即按钮的文本永远卡在垂直居中。
在下面的小提琴(和屏幕截图)中,根据 Chrome 开发者控制台,button
和div
具有完全相同的样式,但按钮的文本是垂直居中的,而 div 的不是:
http://jsfiddle.net/rgthree/vT3a7/
任何人都知道将完全重置按钮的属性或选择器,特别是包括其标签位置?
回答
除了 Chrome ~25 之外的任何浏览器都没有办法。我联系了 Chromium 项目,说它在 Chrome 27 中不起作用(请参阅@winterblood 答案和评论)。他们这样说:
问题是我们现在在按钮内的匿名块上使用 margin:auto 来在按钮内进行居中以获得安全居中。所以,不幸的是,没有办法从 CSS 中对其进行样式设置。您之前能够控制这种行为实际上是泄漏的实现细节。
所以,真正的答案是你不能在任何浏览器中设置它的样式,除了 Chrome ~25-webkit-box-align
不经意暴露,正如@winterblood 回答的那样。