在 Google 自定义搜索中更改输入背景颜色答案

【问题标题】：Changing Input Background Color on Google Custom Search在 Google 自定义搜索中更改输入背景颜色
【发布时间】：2012-01-18 21:58:44
【问题描述】：

虽然这似乎是一项简单的任务，但我需要更改 GOogle 自定义搜索输入字段的背景颜色。您可以查看页面here

目前，输入字段是白色的，我需要将其更改为#4e4e4e。问题是我似乎找不到正确的 CSS 选择器来设置背景颜色。看起来谷歌脚本覆盖了css。我需要一个 hack 来重新着色背景图像。也许一个快速的 jquery 行会修复它，但它对我不起作用：我尝试使用 addClass 函数但它不起作用。

有什么想法吗？！

【问题讨论】：

【解决方案1】：

如果这不起作用

input.gsc-input { background-color: #4E4E4E !important; }

那么这应该可以工作。

$(function() {
    $('.gsc-input').css('background-color', '#4E4E4E');
}

我没查，但是如果google有js修改样式，那么你只需要确保jquery脚本最后运行即可。

【讨论】：

!important 到底是做什么的？它会覆盖同一选择器的所有其他样式？
@JCHASE11 !important 覆盖样式表的正常级联优先级规则。例如，输入元素本身具有样式，通常比任何简单样式规则具有更高的优先级，但 !important 会覆盖该优先级。但是请注意，如果元素上的样式具有 !important ，那将取而代之。这里有更好的解释：monc.se/kitchen/38/cascading-order-and-inheritance-in-css

【解决方案2】：

input.gsc-input {background-color: #4E4E4E} 我相信应该可以解决问题。

【讨论】：

【解决方案3】：

为我工作：

$(window).load(function() {
  $('input[name*="search"]').css('background-image', 'none');
});

【讨论】：