我不喜欢默认的按钮样式。这真的很无聊。我在用
- <input type="submit">
类型按钮。我可以在css中这些不知何故样式?如果不是,另一种方法,我猜是将使用一个div,并使它成为一个链接。你如何让他们使用表单?
解决方法
你可以通过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;
- }