首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2012-09-13 
在HTML的text input控件获取焦点时设置背景颜色下面的例子展示了在HTML的text input控件获取焦点时设置背

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

下面的例子展示了在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

?

热点排行