如何在选择时更改文本输入的CSS？

Question

我想在选中文本框时更改<input type="text">的CSS;即当用户点击文本框时，我想要应用不同的CSS规则。有没有办法用纯CSS做到这一点？

Answer 1

您是否尝试过焦点伪类

:focus 

更多信息：http://reference.sitepoint.com/css/pseudoclass-focus

Answer 2

选择仅具有文本属性的输入字段

input[type="text"]:focus{background-color:yellow;}

选择任何输入字段（复选框，文件，隐藏，图像，密码，广播，重置，提交，文本）

input:focus{background-color:yellow;}

选择任何textarea

textarea:focus{background-color:yellow;}

确定这是CSS，但是如果你想要获得平滑的动画效果并且能够更好地控制焦点/模糊，那么最好使用JQuery或其他JavaScript框架。

Answer 3

是。使用:focus伪类选择它。

http://dabblet.com/gist/1490497

演示

Answer 4

您可以在CSS中使用以下内容

电子::选择

其中E是元素。

http://www.456bereastreet.com/archive/200601/css_3_selectors_explained/

您也可以使用

来使用jquery

$('#element').attr('class', 'new value');

Answer 5

<script>
function change(objNum){
    var objName = "txtbox";
    window.alert(objNum);

    document.getElementByID(objName).className = "franchlinks";

}
</script>

<input type="text" class="yourdefaultclass" id="txtbox1" onclick="change('txtbox1');">

试试这样。对于失去焦点，你可以尝试onblur而不是onclick。