/* 用CSS设置submit按钮的颜色 */ input[type=submit] { background-color: #4CAF50; /* 绿色背景色 */ color: white; /* 白色文字颜色 */ padding: 12px 20px; /* 设定按钮内边距 */ border: none; /* 去掉边框 */ border-radius: 4px; /* 设置按钮圆角 */ cursor: pointer; /* 鼠标移上去有手指形状 */ } /* 当鼠标移上去时改变submit按钮的颜色 */ input[type=submit]:hover { background-color: #3e8e41; /* 深绿色背景色 */ }
上面的代码中,大家选择了所有type为submit的input元素来设置它们的样式。首先大家为按钮设定了背景色和文字颜色,然后设置了按钮的内边距、边框属性和圆角属性,最后还为按钮鼠标移上去时的样式设定了背景色。
通过CSS设置submit按钮的颜色和样式可以让网页更加美观,同时也可以提高网站的用户体验。因此在实际开发中一定要注意设置好submit按钮的颜色和样式,这样才能使用户更方便地提交表单数据。