在HTML的text input控件获取焦点时设置背景颜色

最新推荐文章于 2022-12-15 10:53:41 发布

zlpx1983

最新推荐文章于 2022-12-15 10:53:41 发布

阅读量3k

点赞数 1

分类专栏： HTML5 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/zlpx1983/article/details/84208626

版权

HTML5 专栏收录该内容

39 篇文章 0 订阅

订阅专栏

下面的例子展示了在HTML的text input控件获取焦点时设置背景颜色。通过设置background-color样式和:focuse 伪选择器（pseudo-selector）.

<!DOCTYPE html>
<html>
<head>
    <title>Setting the background color on a focused HTML text input control</title>
    <style type="text/css">
        input:focus {
            background-color: #FF6;
        }
    </style>
</head>
<body>
 
    <form>
        <label>First name: <input id="fname" type="text" autofocus placeholder="required" /></label><br/>
        <label>Last name: <input id="lname" type="text" placeholder="required" /></label><br/>
        <label>User name: <input id="uname" type="text" placeholder="required" /></label><br/>
        <label>Password: <input id="psswd" type="password" placeholder="required" /></label><br/>
    </form>
 
</body>
</html>

源码下载：

在HTML的text input控件获取焦点时设置背景颜色.zip

zlpx1983

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
在HTML的text input控件获取焦点时设置背景颜色

下面的例子展示了在HTML的text input控件获取焦点时设置背景颜色。通过设置background-color样式和:focuse 伪选择器（pseudo-selector）. &lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;Setting the background color on a...
复制链接

扫一扫