我想要给contact form 7的按钮样式修改颜色为橙色
时间: 2024-05-14 22:15:05 浏览: 300
对话框按钮改变颜色
3星 · 编辑精心推荐
您可以通过添加以下CSS代码来更改Contact Form 7的按钮颜色:
```
.wpcf7-form input[type="submit"] {
background-color: orange; /*更改按钮背景颜色*/
color: white; /*更改文字颜色*/
border: none; /*去掉按钮边框*/
}
```
将此代码添加到您的WordPress主题的样式表(style.css)中或通过WordPress自定义CSS插件添加。请注意,此代码也可能会影响其他表单的按钮样式。如果您只想更改Contact Form 7的按钮样式,您可以在CSS选择器中添加表单的ID或类。例如:
```
#contact-form input[type="submit"] {
background-color: orange;
color: white;
border: none;
}
```
在此示例中,我们假设您的Contact Form 7表单的ID为“contact-form”。如果您使用的是类而不是ID,请将“#contact-form”替换为“.contact-form”。
阅读全文