你要替换掉什么颜色?首先根据执行顺序来看,一般网页结构css样式表都是在<head>里面加载的,而js有部分是在文档末尾加载的,此时js中的样式优先级高于css。而且如果你提供的这段js包含在类似
$(document).ready(function(){$(this).css({'background-color' : 'yellow', 'font-weight' : 'bolder'})
})
中的话,优先级绝对大于css样式加载,解决办法也是用js函数去改变他。
最好提供完整的js代码
下面这些都是正确的:
$(this).css({backgroundColor:"red"})
$(this).css({"background-color":"red"})
$(this).css("background-color","red")
$("p").css("background-color","yellow")
$("p").css({"background-color":"yellow"})
$("p").css({backgroundColor:"yellow"})
有花括号的是以一个(注意是一个)json对象作为参数,里面至少应该包含一个键值对,键和值之间用冒号(:)隔开,其中键既可以用DOM格式(即驼峰格式,如backgroundColor),也可以用css属性字串(如"background-color");没有花括号的则是用两个(注意是两个)字符串作为参数,第一个字符串是键(必须用css属性格式),第二个字符串则是值,两个参数之间用逗号(,)隔开。
用json对象做参数适合于一次性设置多个css属性,比如
$("p").css({"background-color":"yellow","width":"200px","margin-left":"30px"})
而用字符串做参数则一次只能设置一个属性。
首先js里面不存在-这个东西,其次你的border-color是拼写错误的,再次,border-color就是边框颜色,没有1px 和solid一说,综上所述。你的jq应该是这样$(this).css({'borderColor':'1px solid red'})