鼠标经过不变红
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>动态伪类</title> <style type="text/css"> /*此处写代码*/ input{ width:200px;height:30px; margin-top:20px; outline:none;} input:hover{ color:#f00;} .name:focus{ background:orange;} .key:focus{ background:yellow;} </style> </head> <body> <!-- 此处写代码 --> 用户名:<input type="text" class="name"><br/> 密码:<input type="text" class="key"> </body> </html>鼠标经过不变红为什么
正在回答
你这个已经变化了啊,你是让字体变红了,没有让边框变红哦,要让边框变红要把这里改了:
input:hover {
border: #f00;
}
首先你要看你写的是什么意思。祝学习愉快!
- 参与学习 1887 人
- 提交作业 4643 份
- 解答问题 5760 个
有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星