可以使用CSS为HTML表单按钮设置样式吗？

Question

我不喜欢默认的按钮样式。真的很无聊。我在用

<input type="submit">

键入按钮。我可以在CSS中以某种方式设置样式吗？如果没有，我猜想的另一种方法是改用div，并使其成为链接。您如何使它们与表单一起使用？

Answer 1

您可以通过CSS轻松实现您的期望：-

HTML

<input type="submit" name="submit" value="Submit Application" id="submit" />

CSS

#submit {
    background-color: #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    color: #fff;
    font-family: 'Oswald';
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
    border:none;
}



#submit:hover {
    border: none;
    background:red;
    box-shadow: 0px 0px 1px #777;
}