我遇到了一个奇怪的问题..我正在使用jQuery做一些自定义按钮样式，这就像假设一样，但是当我在textareas或inputfields下面添加按钮时，它会以某种方式改变填充/文本高度从按钮到按钮..
我在这里上传了一个简单的例子：http://pastehtml.com/view/b4x81v12y.html
正如您所看到的，TOPbutton文本比BOTTOM中的按钮移动了1个多倍。有人知道为什么吗？
（我在Firefox v6中测试）
答案 0 :(得分：2)
你做对了 - 看起来确实不同 - 有1px的差异。我无法找出原因是什么。
但是，将 line-height 属性设置为固定值 30px 可解决您链接到的示例文件中的1px问题。
我意识到在某些情况下，将line-height设置为静态值不能被认为是无...的选项......
一般来说，我接受的事实是按钮的正确样式（以跨浏览器的方式）是a **的痛苦。我大部分时间都使用these buttons（完全相关的文章可以在这里找到：http://stopdesign.com/archive/2009/02/04/recreating-the-button.html），以便从头开始为自己省去样式。