利用 CSS 给输入按钮类型添加样式
输入按钮类型可以是提交按钮或重置按钮。使用 CSS,我们可以给网页中的任何按钮添加样式。
您可以尝试运行以下代码,为输入按钮类型添加样式
示例
<!DOCTYPE html> <html> <head> <style> input[type=button] { background-color: orange; border: none; text-decoration: none; color: white; padding: 20px 20px; margin: 20px 20px; cursor: pointer; } </style> </head> <body> <p>Fill the below form,</p> <form> <label for = "subject">Subject</label> <input type = "text" id = "subject" name = "sub"><br><br> <label for = "student">Student</label> <input type = "text" id = "student" name = "stu"><br> <input type = "button" value = "Button"> </form> </body> </html>
广告