如何將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中的元素

回答

相關問題