我的表单中有一个提交按钮,它没有采用我为其设置的所有样式。我希望提交按钮看起来与“我拥有的下一部分按钮一样,但它看起来不同
这是一些相关的 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 Fiddle:JS Fiddle
最佳答案
在提交按钮上使用此 CSS。
#submit {
border: none;
}
关于css - 提交按钮不接受 css 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14948499/