放置在textarea下方时，按钮上的填充发生了变化？答案

【问题标题】：Padding changed on button when placed beneath textarea?放置在textarea下方时，按钮上的填充发生了变化？
【发布时间】：2011-08-24 10:02:44
【问题描述】：

我遇到了一个奇怪的问题.. 我正在使用 jQuery 做一些自定义按钮样式，这可以假设，但是当我在 textareas 或 inputfields 下添加按钮时，它会以某种方式改变填充/文本高度从按钮到按钮..

我在这里上传了一个简单的例子：http://pastehtml.com/view/b4x81v12y.html

如您所见，TOPbutton 文本比 BOTTOM 中的按钮向上移动了 1px。有人知道为什么吗？

（我在 Firefox v6 中测试它）

【问题讨论】：

【解决方案1】：

你没看错 - 它看起来确实不同 - 有 1px 的差异。我无法找出这是什么原因。

但是，将 line-height 属性设置为 30px 的固定值解决了您链接到的示例文件中的 1px 问题。

我意识到在某些情况下将 line-height 设置为静态值不能被视为一个选项...

一般来说，我接受正确的按钮样式（以跨浏览器方式）是 a** 的痛苦。大多数时候我会使用these buttons（完整的相关文章可以在这里找到：http://stopdesign.com/archive/2009/02/04/recreating-the-button.html）来省去从头开始设计的麻烦。

【讨论】：