0

我有以下 css 来设置按钮和锚标记的样式，因为它们具有相同的按钮样式但它们位于不同的位置。所以我想给他们相同的CSS，这样他们就可以完全一样地渲染。但是 button.enter 将文本按下。第一个工作正常。它适用于 padding:0 但这会影响第一个。有任何想法吗？

a.enter, button.enter {
    text-decoration: none;
    background: url('../img/enter-button_small.png') no-repeat 0px 0px;
    height: 35px;
    padding: 8px 0;
    text-align: center;
    color: white;
    margin: 0 auto;
    text-shadow: none;
    font-size: 16px;
    width: 300px;
    vertical-align: middle;
    }
4

2 回答 2

5

只需添加另一种样式，该样式将仅重置按钮上的填充。你的一些css也是不需要的。vertical-align:middle;例如，在这种情况下什么都不做。 

a.enter, button.enter {
    text-decoration: none;
    background: url('../img/enter-button_small.png') no-repeat 0px 0px;
    height: 35px;
    padding: 8px 0;
    text-align: center;
    color: white;
    margin: 0 auto;
    text-shadow: none;
    font-size: 16px;
    width: 300px;
}

button.enter {
    padding:0;
}
于 2012-09-04T11:40:37.680 回答
0

您需要提及边距和填充，因为 0 因为按钮具有默认边距和填充。

在下面添加这个代码

a.enter, button.enter {
text-decoration: none;
background: green url('../img/enter-button_small.png') no-repeat 0px 0px;
line-height: 35px;
padding: 8px 0;
text-align: center;
color: white;
margin: 0 auto;
text-shadow: none;
font-size: 16px;
width: 300px;
vertical-align: middle; display:inline-block; padding:0; margin:0; border:none
}​

这是工作演示http://jsfiddle.net/6Ygc2/

于 2012-09-04T11:42:51.617 回答