Question

我使用以下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;
}

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

由于

Answer 1

是的，通过设置默认font-size和padding。

.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;
}

Also check this Fiddle

Answer 2

喜欢这个

在下面的课程中添加padding:5px;：

<强> DEMO

<强> 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;
}

Answer 3

使用CSS Padding属性

{

填充：5px的

}

Answer 4

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

你的css没有保持身高，宽度。 gud luck

使用相等的填充创建CSS按钮

4 个答案: