0

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

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

谢谢

4

4 回答 4

2

是的，通过设置默认值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;
}

还要检查这个小提琴

于 2013-08-22T13:31:01.307 回答
1

像这样

添加padding: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;
}
于 2013-08-22T13:34:02.770 回答
0

使用 CSS 填充属性

{

填充：5px

}

于 2013-08-22T13:33:59.873 回答
0 
.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中保持高度，宽度。好运

于 2013-08-22T13:40:43.267 回答