Css 将链接样式设置为提交按钮

我有一个链接和一个提交按钮，样式与

.button

类相同。有没有一种简单的方法可以让它们看起来完全一样（拥有相同的高度）

body.button{
文本对齐：居中；
线高：15px；
背景：#3333CC；
边框颜色：#5033CC；
边界半径：4px；
颜色：#fff；
字体大小：11px；
边框：1px实心；
填充：4px7px 4px7px；
光标：指针；
最小宽度：90px；
文字装饰：无；
显示：内联块；
}

在本例中，它们的高度相同（25像素）。您始终可以在CSS中设置高度

您错过的一件事是更改字体系列

在本例中，我只在Helvetica中添加了一个，但这将使它们更加相似

您可以设置

框大小：边框框

，设置实体高度（

25px

，在本例中），然后更改

显示：内联块到<代码>浮动：左侧


body.button{
文本对齐：居中；
线高：15px；
背景：#3333CC；
边框颜色：#5033CC；
边界半径：4px；
颜色：#fff；
字体大小：11px；
边框：1px实心；
填充：4px7px 4px7px；
光标：指针；
最小宽度：90px；
文字装饰：无；
浮动：左；
字体系列：'Helvetica'；
框大小：边框框；
高度：25px；
}

在本例中，它们的高度相同（25像素）。您始终可以在CSS中设置高度

您错过的一件事是更改字体系列

在本例中，我只在Helvetica中添加了一个，但这将使它们更加相似

您可以设置
框大小：边框框
，设置实体高度（
25px
，在本例中），然后更改
显示：内联块到<代码>浮动：左侧


body.button{
文本对齐：居中；
线高：15px；
背景：#3333CC；
边框颜色：#5033CC；
边界半径：4px；
颜色：#fff；
字体大小：11px；
边框：1px实心；
填充：4px7px 4px7px；
光标：指针；
最小宽度：90px；
文字装饰：无；
浮动：左；
字体系列：'Helvetica'；
框大小：边框框；
高度：25px；
}

它们对我来说都一样。它们看起来已经一样了。你可以使用像bootstrap这样的ui框架，也可以只使用ui组件，就像它们在Chrome中看起来不一样一样。除了不同的字体，不同的宽度/高度也有问题。这是因为浏览器将按钮的宽度/高度计算为
width+paddings+margins+borders
，而不是链接的宽度/高度。添加
框大小调整
可解决此问题。请看我的答案。他们看起来和我一样。他们看起来已经一样了。你可以使用像bootstrap这样的ui框架，也可以只使用ui组件，就像它们在Chrome中看起来不一样一样。除了不同的字体，不同的宽度/高度也有问题。这是因为浏览器将按钮的宽度/高度计算为
width+paddings+margins+borders
，而不是链接的宽度/高度。添加
框大小调整
可解决此问题。查看我的答案请点击查看超快答案，但这在firefox（）中仍然不起作用。现在查看：）@GuirNabThanks获取超快答案，但这在firefox（）中仍然不起作用。现在查看：）@GuirNab