onFocus无法使用javascript函数

Question

Here是小提琴。我正在尝试使用输入标记中的onFocus使文本框发光0 0 30px #96f226，但是您知道何时单击文本框并且边框发生变化？那是我希望它发光的时候。 JS遵循我所知道的一切，但它不起作用。

JS（仅针对该问题）：

function input() {
    var x = document.getElementById('input');
    x.style.box-shadow = '0 0 30px #96f226';
}

Answer 1

将box-shadow更改为boxShadow。尝试使用此代码切换焦点

function inputfocus(x) {
    x.style.boxShadow = '0 0 30px #96f226';
}
function inputblur(x) {
    x.style.boxShadow = 'none';
}

<input type="text" onFocus="inputfocus(this)" onblur="inputblur(this)">

jsfiddle

<强> CSS

#input:focus{
   box-shadow: 0 0 30px #96f226;
   -webkit-box-shadow: 0 0 30px #96f226;
   -moz-box-shadow: 0 0 30px #96f226;
}