如下代码里,加了focus时候的样式,但是input框背景色没有变
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>动态伪类</title>
<style type="text/css">
/*此处写代码*/
.input-style:hover {
border-color: red;
}
.input-style:focus {
background-color: orange;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div>
<label>用户名:</label>
<input type="text" name="userName" class="input-style">
</div>
<div>
<label>密码</label>
<input type="password" name="password" class="input-style">
</div>
</body>
</html>
如上代码里,加了focus时候的样式,但是input框背景色没有变
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星