0

我确实在http://www.cssbuttongenerator.com/的帮助下创建了一些 CSS 按钮，但由于某种原因，文本并未完全位于按钮上，而是穿过按钮的底部。 在此处输入图像描述

我认为这是由于我的一些主要 CSS 造成的？有什么方法可以覆盖它，我必须使用哪个属性？

CSS代码：

  <style type="text/css">
.classname {
    -moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    box-shadow:inset 0px 1px 0px 0px #fce2c1;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
    background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
    background-color:#ffc477;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #eeb44f;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:1px 1px 0px #cc9f52;
}.classname:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
    background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
    background-color:#fb9e25;
}.classname:active {
    position:relative;
    top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */
</style>
4

1 回答 1

1

上面的代码没有任何问题，请参见这个 JS fiddle： http: //jsfiddle.net/fQ6h7/必须是样式表中的其他内容，可能是同名的类或类似的东西？或者适用于所有按钮的东西？

<input type="submit" name="button" id="button" value="Submit" class="classname">
于 2013-03-01T19:45:35.097 回答