css - 是否有任何 CSS 选择器可以选择更改的元素？

Question

我想选择一个已更改或键入的文本输入元素？可以这样做吗？像

input:changed {
/* my own rule*/
}

Answer 1

我已经为使用 jquery 的解决方案创建了一个 jsfiddle，当输入中的值发生更改时，我向元素添加了一个类： http: //jsfiddle.net/aSX5A/：

<input type="text" class="textinput" />

 $('.textinput').change(function () {
     $(this).addClass("changedInput");
 });

编辑：

使用纯 JavaScript：

<input type="text" id="textinput" onchange="updateClass()"/>
<script>
function updateClass(){
    document.getElementById("textinput").className = "changedInput";
}
</script>

Answer 2

你需要以某种方式用javascript实现这个。

<input onkeydown="javascript:myFunctionToChangeState(this);" />

wheremyFunctionToChangeState()是您编写的一个函数，它修改它传递的元素的状态。

Answer 3

你不是很具体，但我想这就是你需要的

 input:focus {
/* your own rule*/
}