左边框颜色在javascript中不起作用

我正试图用这个脚本更改左边框的颜色，但我一直得到未捕获的语法错误：意外标记-

不支持左边框颜色吗

Javascript

错误消息

---

赋值时，应在css属性和静态值周围使用引号。引号应为：

$(this).css({
    'border-left-color': thecolor  //border-left-color
});

---

您必须将其包含在一个字符串中：

... $(this).css({
     'border-left-color':  theColor
    });
..

试试这个：

$("selector").css('border-left', 'solid 1px red');

---

演示：

您可以选择两个选项

引用： 骆驼箱：

---

当您使用jquery设置CSS属性时，您必须始终使用camelcasting。因此，border bottom变为borderBottom，border left color变为borderLeftColor

您有几个选项：

添加引号：

$(this).css({
    'border-left-color': thecolor
});

snakename属性：

$(this).css({
    borderLeftColor: thecolor
});

甚至，由于您只有一个属性需要更改，请使用以下方法进行简化：

$(this).css('border-left-color', thecolor);

---

borderLeftColor:或borderLeftColor:只是好奇，您使用的是哪个IDE？它看起来很有用。@AycanYaşıt这看起来就像Chrome的开发工具。也许可以删除“thecolor”上的引号，因为它是一个variable@Haroldchen：谢谢。这就是我使用静态值这个术语的原因。

$(this).css({
    'border-left-color': thecolor
});

$(this).css({
    borderLeftColor: thecolor
});

$(this).css('border-left-color', thecolor);