2-17课后习题问题
来源：2-17 编程练习
慕用2429104
2019-09-09 17:57:04
老师帮忙给看一下，为什么我的实现不了
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title></title>
<style type="text/css">
form:hover input{
border-color:red;
}
input[class|="name"] :focus{
background-color: yellow;
}
input[type="password"] :focus{
background-color: orange;
}
</style>
</head>
<body>
<form action="">
用户名:<input class="name" type="text" name="username" >
密码:<input class="pwd" type="password" name="password">
</form>
</body>
</html>
写回答
1回答
-
同学你好， 因为:focus前面有空格， 所以无法实现激活状态的样式。 建议修改：去除空格
给form添加hover样式， 修改后代元素input标签的样式， 会导致鼠标移入表单的时候， 用户名和密码同时改变背景颜色。 建议修改： 可以直接给input添加hover样式
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~~
0
相似问题