更改单个表单元素的CSS

Question

如您所见，this网站的左侧边栏上有一个搜索表单。

我想改变＆＃34;只有＆＃34;形成背景为白色，并使其看起来像this。

我应该在自定义css部分添加什么代码？

感谢所有帮助。谢谢！

Answer 1

添加背景以进行聚焦

input:focus, select:focus, textarea:focus{background:#fff;}

删除此课程的背景

   .select2-container .select2-choice, input[type="date"], input[type="datetime-local"], input[type="email"], input[type="input"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], select, textarea
{
background-color: rgba(0, 0, 0, 0.02); /* Remove this background*/
}

Answer 2

在您的css中添加以下代码

input[type="text"] {
 background-color: white;
}

Answer 3

input.search.showtextback {
    background: #fff !important;
}

Answer 4

只需添加以下css：

.search.showtextback {
    background: #ffffff;
}