css focus.css

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css focus.css相关的知识，希望对你有一定的参考价值。

$(document).ready(function(){
$('input').focus(function(){
$(this).addClass('inFocus');
});
$('input').blur(function(){
$(this).removeClass('inFocus');
});
});
<html>

<head>
    <link rel="stylesheet" type="text/css" href="style.css"/>
    <script src="script.js"></script>
</head>

<body>
Enter your name: <input type="text"/>
<p>Click in the input field to get focus, and outside the input field to lose focus (blur).</p>


</body>

</html>
.inFocus{
    background-color: yellow;
    }

以上是关于css focus.css的主要内容，如果未能解决你的问题，请参考以下文章

去除hover以及事件

jquery：厌倦了 css().css().css()

如何在CSS中调用公用css

css [css：fadeout / fadein] css示例。 #css

css基础 CSS 组合选择符CSS 伪类CSS 伪元素

css 深度提示#css中的css base builder CSS