鼠标经过不变红

鼠标经过不变红

<!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>鼠标经过不变红为什么

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

你这个已经变化了啊,你是让字体变红了,没有让边框变红哦,要让边框变红要把这里改了:

 input:hover {

        border: #f00;

    }

首先你要看你写的是什么意思。祝学习愉快!

  • a386491333 提问者 #1
    谢谢 懂了呢
    2017-06-19 12:21:58
Miss路 2017-06-19 11:57:46

鼠标经过要用css的伪类hover。祝学习愉快!

  • 提问者 a386491333 #1
    有写input{outline:none}input:hover{color:#f00}的伪类,但是还是不显示
    2017-06-19 12:01:34
关于解五次方程 2017-06-18 02:27:25

因为color属性是设置字体颜色,想要变红,应该是设置background-color 属性

  • 提问者 a386491333 #1
    说的是鼠标经过边框变红 不是background
    2017-06-18 02:40:03
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师