博客列表 >巧用状态伪类:让你的链接不尴尬

巧用状态伪类:让你的链接不尴尬

觅小趣
觅小趣原创
2021年02月25日 11:55:44587浏览

a链接状态伪类

a链接伪类的四种状态

  1. 默认状态 :link

  2. 已访问状态 :visited

  3. 悬停状态 :hover

  4. 激活状态 :active

表单常用的状态伪类:

  1. input:required 选择必填表单域;

  2. input:focus:invalid 选择当前聚焦的且含有非法输入值的表单域;

  3. input:focus:valid 选择当前聚焦的且含有合法输入值的表单域;

  4. input:focus定义获得焦点的元素样式(例如,键盘输入);

  5. input:valid定义表单输入框的数据有效时的样式。这些类型的选择器对于提示用户他们的表单数据是否有效非常有用;

  6. input:invalid定义表单输入框的数据无效时的样式;

  7. input:enabled定义表单输入框处于可用状态时的样式;

  8. input:disabled 定义表单输入框处于不可用状态时的样式;

  9. input:in-range 定义表单输入框的数据在有效范围之内时的样式;

  10. input:out-of-range 定义表单输入框的数据在有效范围之外时的样式.

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议