css伪类的分类及作用是什么?
发布时间:2021-12-31 16:15:44 所属栏目:语言 来源:互联网
导读:这篇文章给大家分享的是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"; (编辑:ASP站长) 【免责声明】本站内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。 |
相关内容
未处理完善
-
无相关信息
最新更新