我想在选中文本框时更改<input type="text">
的CSS;即当用户点击文本框时,我想要应用不同的CSS规则。有没有办法使用纯CSS做到这一点?选择时如何更改文本输入的CSS?
3
A
回答
3
0
是的。使用:focus
伪类选择它。
-1
您可以使用CSS以下
Ë::选择
其中E是元素。
http://www.456bereastreet.com/archive/200601/css_3_selectors_explained/
您也可以使用
$('#element').attr('class', 'new value');
-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。
1
选择具有文本的属性输入字段仅
input[type="text"]:focus{background-color:yellow;}
选择任何输入字段(复选框,文件,隐藏,图像,密码,收音机,复位,提交文本)
input:focus{background-color:yellow;}
如果你正在寻找实现平滑的动画效果
选择任何textarea的
textarea:focus{background-color:yellow;}
却可以通过CSS的并对焦点/模糊有更多的控制,最好使用JQuery或其他JavaScript框架。
相关问题
- 1. 如何在输入中选择文本更改?
- 2. jQuery切换 - 从选择输入更改为文本输入
- 3. 用css更改文本输入的值?
- 4. JS:更改对文件输入文件的输入的文本(值)选择
- 5. 更改选择输入选择国家?
- 6. 如何通过改变改变输入(文本)值选择
- 7. 更改输入文本以选择选项,反之亦然
- 8. JavaScript更改输入文本以选择选项
- 9. jquery输入文本更改显示/隐藏选择选项
- 10. 更改输入文本以选择选项与jquery
- 11. 如何使用可选的func textViewDidEndEditing(textView:UITextView)在输入文本时更改文本?
- 12. 如何更改输入框的文本?
- 13. Primefaces - 输入文本:如何更改输入文本
- 14. 如何在输入特定文本后更改输入文本?
- 15. 如何自动选择文本输入?
- 16. jQuery改变在选择单选按钮时输入文本
- 17. 克隆和选择框onchange输入文本的更改值
- 18. 更改iOS上多个选择输入的默认文本
- 19. 如何在文本框中输入时更改标签文本
- 20. 如何选择性地使用CSS类更改文本?
- 21. 如何使用CSS更改选择文本背景?
- 22. 如何更改选择文本显示?
- 23. 如何更改选择文本?
- 24. 在选择输入类型=“文件”更改输入类型“文本”
- 25. 当文本输入类似于值时,JQuery更改选择选项
- 26. 改变使用CSS输入文本时的输入样式
- 27. 更改标签文本时选择
- 28. 如何更改文本框输入上的选定样式
- 29. 如何更改选择框后的选择框文本?
- 30. jQuery更改选择字段填充输入文本字段