可以使用CSS为HTML表单按钮设置样式吗?
发布于 2021-02-02 16:40:28
我不喜欢默认的按钮样式。真的很无聊。我在用
<input type="submit">
键入按钮。我可以在CSS中以某种方式设置样式吗?如果没有,我猜想的另一种方法是改用div,并使其成为链接。您如何使它们与表单一起使用?
关注者
0
被浏览
60
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; }