两个focus没同时生效

两个focus没同时生效

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <style type="text/css">
 input:hover{
  border-color: #f00;
 }
 input[type="text"]:focus{background: #0ff;} }
 input[type="password"]:focus{background: #000;}
 </style>
</head>
<body>
 用户名:<input type="text" name="name"><br>
 密码:<input type="password" name="password">
</body>
</html>

正在回答

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

3回答
  • 潜狸 #1
    input[type="text"]:focus{background: #0ff;} } input[type="password"]:focus{background: #000;} 请问带[]是什么写法
    2018-01-21 14:14:37
怎么都被占用了呢 2018-01-22 09:36:01

css中的属性选择器

提问者 Awen666 2017-12-26 16:40:41

粗心了,谢谢

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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