css - 如何在Firefox上将CSS宽度应用于提交输入？

我将相同的宽度应用于锚点和提交输入。锚点看起来正确，但是提交输入的宽度太小。仅在Firefox中会出现此问题。铬很好。

浏览器



的HTML

<a>Save</a>
<input type="submit" value="save" />

的CSS

a,
input {
   display: block;
   width: 5em;
   text-align: center;
   font-size: 1.4em;
   padding: 0.6em 2em;

   /* hack to get the width to work on Chrome */
   box-sizing: content-box;
}

最佳答案

尝试使用内联块而不是块

a,
input {
   display: inline-block;
   width: 5em;
   text-align: center;
   font-size: 1.4em;
   padding: 0.6em 2em;
}

关于css - 如何在Firefox上将CSS宽度应用于提交输入？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9474367/