Css 正在尝试修改wordpress搜索提交按钮

Css 正在尝试修改wordpress搜索提交按钮,css,wordpress,Css,Wordpress,我知道这是一件简单的事情,但我已经尝试了一切(包括谷歌搜索,甚至雇佣另一个程序员一个小时),但似乎无法使这项工作。我正在处理的主题在wordpress搜索框提交按钮上有一个特定的颜色,我只需要更改颜色 使用google开发工具查看,css如下所示: .search-button, .submit_btn { background-color: #ffa025; background-image: -webkit-linear-gradient(#ffa025 0%,#dc7214

我知道这是一件简单的事情,但我已经尝试了一切(包括谷歌搜索,甚至雇佣另一个程序员一个小时),但似乎无法使这项工作。我正在处理的主题在wordpress搜索框提交按钮上有一个特定的颜色,我只需要更改颜色

使用google开发工具查看,css如下所示:

.search-button, .submit_btn {
    background-color: #ffa025;
    background-image: -webkit-linear-gradient(#ffa025 0%,#dc7214 100%);
    background-image: linear-gradient(#ffa025 0%,#dc7214 100%);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #f7b559 #e67e22 #e67e22 #e67e22;
    color: #fff;
    font-family: FontAwesome;
    float: left;
    height: 45px;
    width: 16%;
}


我想做的就是用渐变关闭背景图像属性,让背景颜色变成红色。我尝试使用上面的选择器,然后尝试使用选择器:。搜索按钮sBn,并将代码放入主题的附加CSS字段中。什么都没用。感谢您的帮助

正如您所识别的,背景图像中设置的线性渐变将覆盖背景颜色样式。要重置背景图像以允许使用“背景颜色”属性,请执行以下操作:

background-image: none; 
然后将背景色重置为主题css中设置的
背景色
(即#ffa025)

现在要更改颜色,您可以将
背景颜色设置为您想要的任何颜色,例如

background-color: #ffa025;
您也可以只使用
background
属性,但这可能会对您设置的其他规则产生连锁反应,因此我建议覆盖现有属性

工作片段:

/*主题CSS*/
.搜索按钮,.提交\u btn{
背景色:#ffa025;
背景图像:-webkit线性梯度(#ffa025 0%,#dc7214 100%);
背景图像:线性梯度(#ffa025 0%,#dc7214 100%);
边框右上角半径:4px;
边框右下半径:4px;
边框样式:实心;
边框宽度:1px;
边框颜色:f7b559#e67e22#e67e22#e67e22#e67e22;
颜色:#fff;
字体系列:Fontsome;
浮动:左;
高度:45px;
宽度:16%;
}
/*你的CSS覆盖主题*/
.搜索按钮,.提交\u btn{
/*去掉梯度*/
背景图像:无;
/*将背景颜色更改为红色*/
背景色:#ff0000;
}

Search
.Search按钮,.submit\btn{background:red;}
应该可以用。@JohnKelly很高兴我能帮上忙!由于这个答案有助于你的问题,考虑接受它,使它被标记为在网站上解决。看,它也将给我们两个代表点:)和给程序员一个宽大的泊位下一次:)