javascript - 如何使用 javascript 更改输入的样式？

Question

我想给一个

-webkit-box-shadow:inset 0 0 5px black;

文本框的属性，因为它是焦点。

例如，这里的背景颜色正在改变，但我想要的是 box-shadow。

<script>
function myFunction(x)
{
x.style.background="yellow";
}
</script>

和 HTML

<input type="text" onfocus="myFunction(this)">

Answer 1

为什么不在 CSS 中使用 :focus？

http://jsfiddle.net/VjLKV/

input {
    border: 1px solid black;
}

input:focus {
    outline: none;
    border: 1px solid black;
    -webkit-box-shadow:inset 0 0 5px black;
}