鼠标经过不变红

鼠标经过不变红

<!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 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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