请老师帮忙看下。谢谢。
来源：3-30 编程练习
慕斯卡2474635
2021-05-20 21:17:37
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>动态伪类</title>
<style type="text/css">
/*此处写代码*/
p:hover {
color: red;
}
.text:focus {
background-color: orange;
}
.password:focus {
background-color: yellow;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<table>
<p>用户名: <input type="text" class="text"></p>
<p>密码：<input type="password" class="password"></p>
</table>
</body>
</html>
为什么鼠标悬停的时候是文字改变而不是边框改变
1回答
-
同学你好，关于同学的疑问解答如下：
css代码中鼠标悬停时，同学设置的是color属性（该属性是用来设置文字颜色的），而设置边框样式应该使用border属性，而且鼠标悬停时改变的应该是input元素的边框样式，而不是p元素的边框样式，参考代码如下：
关于代码优化：表单控件元素应放在form元素中，而不是table元素中（table是创建表格元素），参考如下
祝学习愉快！
0
相似问题