如何在Javascript中为元素分配webkit样式

How to assign webkit styles to an element in Javascript

本文关键字：元素 分配 webkit 样式 Javascript      更新时间：2023-09-26

我试图将webkit样式分配给一个元素，但不能让它工作。这就是我需要分配的:

-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';

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*和Moz*的大写以及单词insert的位置

您可以优化结果:

var el = document.getElementById("EL"),
    bS = 'inset 0px 0px 0px 10px #f00';
el.style.WebkitBoxShadow = el.style.MozBoxShadow = el.style.boxShadow = bS;
相关文章：