更改單個表單元素的CSS

Question

正如您所看到的，網站的左側邊欄上有一個搜索表單。

我想將僅形成背景的「僅」更改爲白色，並使其看起來像this。

我應該將哪些代碼添加到自定義CSS部分？

所有幫助表示讚賞。謝謝！

Answer 1

只需添加下面的CSS：

.search.showtextback { 
    background: #ffffff; 
} 

Answer 2

添加背景專注

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 3

添加下面的代碼在你的CSS

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

Answer 4

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