加入收藏 | 设为首页 | 会员中心 | 我要投稿 拼字网 - 核心网 (https://www.hexinwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

css伪类的分类及作用是什么?

发布时间:2022-01-03 02:29:16 所属栏目:语言 来源:互联网
导读:这篇文章给大家分享的是css伪类的分类及作用,小编觉得挺实用的,因此分享给大家做个参考。另外,下文还介绍了伪元素的分类及作用,以及CSS 伪类修改input选中样式的示例代码,感兴趣的朋友也可以了解看看。 注:该表引自W3School教程 伪元素的分类及作用:
  这篇文章给大家分享的是css伪类的分类及作用,小编觉得挺实用的,因此分享给大家做个参考。另外,下文还介绍了伪元素的分类及作用,以及CSS 伪类修改input选中样式的示例代码,感兴趣的朋友也可以了解看看。
 
 
 
    注:该表引自W3School教程
 
    伪元素的分类及作用:
 
 
 
    下面通过代码看下CSS 伪类修改input选中样式的示例代码,代码如下所示:
 
    主要是用到了after伪类和字体符号。
 
input{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
}
input:after{
    content: "";
    font-size: 18px;
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    border: 1px solid #666fff;
    vertical-align: bottom;
}
input:checked:after{
    content: "2714";

(编辑:拼字网 - 核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!