创建具有相等填充的CSS按钮

我正在使用以下css创建按钮

.cssButton {
background-color:#333333;
border:1px solid #CCCCCC;
display:inline-block;
color:#FFFFFF;
cursor:pointer;
text-decoration:none;
font-family: arial, helvetica, sans-serif;
}

当应用到锚定链接和输入时，我会得到不同的高度。有没有办法强制两个元素中的属性匹配

---

谢谢

是的，通过设置默认的

字体大小

和

填充

.cssButton {
    background-color:#333333;
    border:1px solid #CCCCCC;
    display:inline-block;
    color:#FFFFFF;
    cursor:pointer;
    text-decoration:none;
    font: 12px arial, helvetica, sans-serif;
    padding: 2px;
}

---

是，通过设置默认的

字体大小

和

填充

.cssButton {
    background-color:#333333;
    border:1px solid #CCCCCC;
    display:inline-block;
    color:#FFFFFF;
    cursor:pointer;
    text-decoration:none;
    font: 12px arial, helvetica, sans-serif;
    padding: 2px;
}

---

具有CSS填充属性

{

填充：5px

---

}

具有CSS填充属性

{

填充：5px

}像这样

添加

填充：5px在下面的类中：


CSS

*{
    margin:0;
    padding:0;
}

.cssButton {
background-color:#333333;
border:1px solid #CCCCCC;
display:inline-block;
color:#FFFFFF;
cursor:pointer;
text-decoration:none;
font-family: arial, helvetica, sans-serif;
 padding:5px;
}

像这样

添加
填充：5px在下面的类中：


CSS

*{
    margin:0;
    padding:0;
}

.cssButton {
background-color:#333333;
border:1px solid #CCCCCC;
display:inline-block;
color:#FFFFFF;
cursor:pointer;
text-decoration:none;
font-family: arial, helvetica, sans-serif;
 padding:5px;
}

你没有在css中保留高度和宽度。好运

你没有在css中保留高度和宽度。祝你好运
在css中保留高度和宽度，我在css中附加了高度和宽度的答案，我也附加了答案，如果需要，那么你也可以附加“float:left；”这与
行高：30px是最好的解决方案。您也不需要
float:left因为它是内联块。如果需要，还可以附加“float:left；”这与
行高：30px是最好的解决方案。您也不需要
float:left因为它是内联块。