尝试使用jQuery设置Text-Shadow属性

Question

我试图通过从用户获取值并使用JQuery更改它来设置text-shadow属性。我的代码如下

HTML代码

<td width="13%">
H-Shadow::<input id="hshadow" onchange="setShadow();"/>
</td>

<td width="13%">
V-Shadow::<input id="vshadow" onchange="setShadow();"/>
</td>

<td width="12%">
Blur::<input id="blur" onchange="setShadow();"/>
</td>

<td width="12%">
Color::<input id="shadowcolor" class="color" onchange="setShadow();"/>
</td>

我的函数setShadow如下

function setShadow() {
var horShadow = document.getElementById('hshadow');
var verShadow = document.getElementById('vshadow');
var blurShadow = document.getElementById('blur');
var colorShadow = document.getElementById('shadowcolor');
$('.blue3d > textarea').css('textShadow', horShadow.value+"px "+verShadow.value+"px "+blurShadow.value+"px "+'#'+colorshadow.color);

}

也是第4次选择颜色..我正在使用jscolor选择器。所以我需要在第4次添加class = color ..你可以在这里看到jscolor选择器jsColor

我哪里出错了？

Answer 1

使用text-shadow代替textShadow？

  $('.blue3d > textarea').css('text-shadow', horShadow.value+"px "+verShadow.value+"px "+blurShadow.value+"px "+'#'+colorshadow.color);