如何将webkit样式分配给Javascript中的元素

我想将webkit样式分配给元素，但无法使其工作。这是我需要分配：如何将webkit样式分配给Javascript中的元素

-webkit-box-shadow:inset 0px 0px 0px 10px #f00; 
-moz-box-shadow:inset 0px 0px 0px 10px #f00; 
box-shadow:inset 0px 0px 0px 10px #f00;

这是我曾尝试：

document.getElementById("EL").style.webkitBoxShadowInset = '0px 0px 0px 10px #f00'; 
document.getElementById("EL").style.mozBoxShadowInset = '0px 0px 0px 10px #f00'; 
document.getElementById("EL").style.boxShadowInset = '0px 0px 0px 10px #f00';

来源

2015-10-18 Ethannn

规则名称无效。 –

document.getElementById("EL").style.WebkitBoxShadow = 'inset 0px 0px 0px 10px #f00'; 
document.getElementById("EL").style.MozBoxShadow = 'inset 0px 0px 0px 10px #f00'; 
document.getElementById("EL").style.boxShadow = 'inset 0px 0px 0px 10px #f00';

音符的Webkit的资本*和万盎司*和文字插图

的位置

来源

2015-10-18 10:42:17

谢谢@Jaromanda X工作得很好！ – Ethannn

我正要扩大答案来解释你做错了什么，你需要这个解释吗？ –

我还在学习，所以所有的建议是值得欢迎的！ – Ethannn

您可以优化结果：

var el = document.getElementById("EL"), 
    bS = 'inset 0px 0px 0px 10px #f00'; 

el.style.WebkitBoxShadow = el.style.MozBoxShadow = el.style.boxShadow = bS;

来源

2015-10-18 11:10:43

不错.. !!!再次感谢 – Ethannn

如何将webkit样式分配给Javascript中的元素

回答

相关问题