按钮文字将Firefox中的填充删除
标记：
<input type="button" value="random text random text random text random text random text"
style="padding-left:20px; text-align:left; width:100px;" />
这里padding-left工作正常，直到我设置宽度，中间切断文本，推动padding-left 。 这仅仅是一个Firefox问题。 在所有其他浏览器中工作正常。 现场示例：http://jsfiddle.net/aB25a/1
有任何想法吗？
您应该使用<button>元素，这使您可以更好地控制其内容会发生什么情况：
<button class="wrong">
<span>this pushes text to the left, ignoring padding</span>
</button>
然后风格是：
.wrong {
width: 100px;
overflow: hidden;
}
.wrong span {
margin-left:30px;
text-align: left;
white-space: nowrap;
}
适用于所有浏览器的示例：http://jsfiddle.net/p8mg8/1/
尝试使用margin-left而不是padding-left ，我也推荐使用类和CSS文件。
设置width:auto; ，或者具有某种价值。
了解如何使其工作：
input[type="button"]::-moz-focus-inner { margin-left:20px };