提交按钮不接受css造型

我有一个提交按钮的表单没有采取所有我为它设置的样式。我想提交按钮看起来是一样的“下一节按钮我有，但看起来不同提交按钮不接受css造型

下面是一些有关HTML：

<form> 
    <a href="#step2" class="btn">Next Section >></a><br/> 
    <input type="submit" name="submit" value="Submit Application" id="submit" /> 
</form>

而这里的CSS：

.btn, #submit { 
    margin-top: 20px; 
    background-color: #ccc; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius:6px; 
    display: inline-block; 
    color: #fff; 
    font-family: 'Oswald'; 
    font-size: 20px; 
    padding: 12px 24px; 
    text-decoration: none; 
    cursor: poiner; 
    float: right; 
} 
.btn:hover, #submit:hover { 
    cursor: pointer; 
    box-shadow: 0px 0px 1px #777; 
}

下面是一个显示输出差异的JS小提琴：JS Fiddle

来源

2013-02-19 Justin White

看起来和我一样（Chromium 24/Ubuntu 12.10），但宽度（在CSS中没有定义）除外。 – 2013-02-19 01:51:33

试试这个http://jsfiddle.net/hSwJN/14/ – TNK 2013-02-19 01:58:11

在提交按钮上使用此CSS。

#submit { 
    border: none; 
}

来源

2013-02-19 01:54:49

提交按钮不接受css造型

回答

相关问题