有没有选择更改元素的CSS选择器?

时间:2013-06-13 14:24:21

标签: css css3

我想选择一个已更改或输入的文本输入元素?这样做有可能吗?像

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

3 个答案:

答案 0 :(得分:3)

我为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>

答案 1 :(得分:0)

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

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

其中myFunctionToChangeState()是您编写的函数,用于修改传递的元素的状态。

答案 2 :(得分:-1)

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

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