更改Google自定义搜索上的输入背景颜色

虽然这看起来像一个简单的任务，但我需要更改一个GOogle自定义搜索输入字段的背景颜色。您可以查看页面here 更改Google自定义搜索上的输入背景颜色

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

任何想法？

来源

2010-01-30 JCHASE11

如果这不起作用

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

那么这应该工作。

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

我没有检查，但如果谷歌有JS修改的样式，那么你只需要确保的jQuery脚本跑最后一棒。

来源

2010-01-30 21:39:56

！重要的是什么？它覆盖了同一选择器的所有其他样式？ – JCHASE11 2010-01-30 22:19:10

@ JCHASE11'！important'覆盖样式表正常的级联优先级规则。例如，输入元素本身具有样式，它通常比任何简单的样式规则具有更高的优先级，但是！重要优先于该优先级。但是，请注意，如果元素上的样式具有重要性，那么会取而代之。更好的解释在这里：http://monc.se/kitchen/38/cascading-order-and-inheritance-in-css – 2010-01-30 22:26:21

理解，谢谢！ – JCHASE11 2010-01-31 00:23:02

input.gsc-input {background-color：＃4E4E4E}应该这样做，我相信。

来源

2010-01-30 21:15:05 thor

试过了，没有运气。嗯， – JCHASE11 2010-01-30 21:16:46

为我工作：

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

来源

2012-01-18 13:58:44 Riot77

更改Google自定义搜索上的输入背景颜色

回答

相关问题