首页 > web前端 > css教程 > 正文

css中有哪些UI元素状态伪类选择器

王林
发布: 2020-11-17 11:40:47
原创
3327人浏览过
css中的UI元素状态伪类选择器有:1、E:hover;2、E:action;3、E:focus;4、E:enable;5、E:disabled;6、E:read-only;7、E:read-write;8、E:checked。

css中有哪些UI元素状态伪类选择器

UI元素状态伪类选择器的特征:

指定的样式只有在某种状态下才起作用。

(学习视频分享:css视频教程

分别为:

立即学习前端免费学习笔记(深入)”;

  • E:hover 用于指定当鼠标指针移动到元素上面时元素所使用的样式;

  • E:action 用于指定元素被激活(鼠标在元素上按下还没有松开)时所使用的样式;

  • E:focus 用于指定元素获得光标焦点时所使用的样式,主要是在文本框空间获得焦点并进行文字输入时使用的样式;

  • E:enable 设置该元素处于可用状态的样式;

    有道小P
    有道小P

    有道小P,新一代AI全科学习助手,在学习中遇到任何问题都可以问我。

    有道小P 64
    查看详情 有道小P
  • E:disabled 设置该元素处于不可用状态时的样式;

  • E:read-only 设置元素处于只读状态时的样式;

  • E:read-write 设置元素处于非只读状态时的样式;

  • E:checked 指定表单中的radio单选按钮或者checkbox复选框处于选取状态时的样式;

  • E:default 指定页面打开时默认处于选取状态的单选按钮或者复选框样式;(即使用户将默认状态设置为选取状态的单选按钮或者复选框改为禁用状态,使用该选择器设置的样式同样有效)

  • E:indeterminate 指定当页面打开时,如果一组单选按钮中任何一个选项都没有被设定为选取状态时,整组单选按钮的样式;如果用户选取了其中任何一个单选按钮,则该样式将被停止使用。

  • E::selection 设置元素被选中状态的样式。

相关推荐:CSS教程

以上就是css中有哪些UI元素状态伪类选择器的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号