为什么下面的代码没有效果

来源:4-7 valid和invalid伪类美化表单案例

鹿人神经粉

2019-06-03 07:20:48

input:valid ~label::after{content:"你输入邮箱正确!";}
input:invalid ~label::after{content:"你邮箱错误!";}
input:valid{border:1px solid green;}
input:invalid{border:1px solid red;}

写回答

1回答

好帮手慕码

2019-06-03

同学你好!
把同学的部分代码放在老师的源码中是可以实现效果的哦:

http://img.mukewang.com/climg/5cf4b3f10001f60b04030118.jpg

同学可以再测试一下,如果还是不行,建议将同学的全部代码粘贴到问答区进行提问哦~

如果帮助到了你 欢迎采纳 祝学习愉快~

0

0 学习 · 5012 问题

查看课程