如何 - 动态 - 更改jQuery Mobile中的链接文本颜色？

Question

jQuery Mobile样式根据主题样式表进行链接。如果您使用！important，则只能更改此项：

.glossaryLink{
 color: white !important;
 background-color: #CC8DCC;   
}

我需要做的是动态更改这些链接的颜色。这些词汇表链接以紫色突出显示，我们需要能够关闭突出显示。

使用以下脚本我可以更改背景颜色，但不能更改文本颜色：

$(".glossary_option").click(function(){
if(localStorage.glossaryopt=="off"){
  localStorage.glossaryopt = "on";
  $("#glossary_option").html("Highlighting ON"); 
  $(".glossaryLink").css({
    "color":"white",
    "background-color":"#CC8DCC"
    });
}else{
  localStorage.glossaryopt = "off";      
  $("#glossary_option").html("Highlighting OFF");
  $(".glossaryLink").css({
    "color":"black",
    "background-color":"white"
    });  
}

}）;

这会将背景变为白色但不会将文本变为黑色，即使检查Chrome中的元素显示的是黑色的CSS颜色。

我尝试使用“黑色！重要”，但它也不起作用。

任何人都知道怎么做？

Answer 1

那是因为你之前添加了重要的css color white。这不会覆盖你以后设置的css颜色黑色。你需要使用：

.glossaryLink{
  color: white;
  background-color: #CC8DCC;   
}