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

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

2011-12-17 JSW189

你试过重点伪类

:focus

来源

2011-12-17 15:28:08

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

演示在http://dabblet.com/gist/1490497

来源

2011-12-17 15:27:51 cherouvim

-1

您可以使用CSS以下

Ë::选择

其中E是元素。

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

您也可以使用

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

来源

2011-12-17 15:28:45 LostMohican

-2

<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');">

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

来源

2011-12-17 15:35:19 dinesh

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

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

选择任何输入字段（复选框，文件，隐藏，图像，密码，收音机，复位，提交文本）

input:focus{background-color:yellow;}

如果你正在寻找实现平滑的动画效果

选择任何textarea的

textarea:focus{background-color:yellow;}

却可以通过CSS的并对焦点/模糊有更多的控制，最好使用JQuery或其他JavaScript框架。

来源

2011-12-17 15:50:23 AK4668

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

回答

相关问题