javascript - 如何使用 jquery 仅操纵 -box-shadow 的颜色？

Question

我正在尝试使用tinycolor设置框阴影颜色。我知道我可以使用

$("CLASS").css("box-shadow", "VALUE");

但我想通过在现有颜色变量上使用 tinycolor（颜色操作框架）来添加颜色。

我努力了 ：

$(".riHover").css("box-shadow", "inset 0px 0px 13px 0px tinycolor.lighten($('.Color').css('background-color'))"
);

但我认为我没有正确构建字符串。关于我做错了什么有什么想法吗？

提前致谢。

Answer 1

为什么不首先使用变量让你的生活更轻松？像这样的东西：

var shadowColor = tinycolor.lighten($('.Color').css('background-color'));
$(".riHover").css("box-shadow", "inset 0px 0px 13px 0px " + shadowColor);

Answer 2

您需要删除调用 javascript 函数的引号...

$(".riHover")
  .css("box-shadow", 
       "inset 0px 0px 13px 0px "+ 
       tinycolor.lighten($('.Color').css('background-color'))
      );