CSS---UI元素状态伪类选择器下

最新推荐文章于 2024-08-26 17:02:51 发布

gqhp

最新推荐文章于 2024-08-26 17:02:51 发布

阅读量224

点赞数

文章标签： css

本文链接：https://blog.csdn.net/sjpgyy/article/details/106592282

版权

本文介绍了CSS中的UI元素状态伪类选择器，包括：:selection用于设置选中状态的样式，:invalid和:valid用于验证表单元素内容的正确性，:required和:optional区分必填与非必填表单字段，以及:in-range和:out-of-range用于限制输入值范围。通过实例展示了这些伪类选择器的应用。

摘要由CSDN通过智能技术生成

CSS—UI元素状态伪类选择器下

5.伪类选择器E：:selection

1)E：:selection伪类选择器用来指定当元素处于选中状态时的样式。

2）小案例：
选择网页中p段落中的文字和文本框中的文字，改变他的背景颜色为绿色！

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>伪类选择器E：:selection</title>
    <style>
        ::selection {
   
            background: green;
            color:#ffffff;
        }
     input[type="text"]::selection{
   
         background:#ff6600;
         color:#ffffff;
     }
    </style>
    </head>
<body>
<h1>伪类选择器E：:selection</h1>
<p>荒唐至极的甩锅逻辑商务部回应美将我相关机构个人列入"实体清单"人民日报连续4天推出评论员文章探讨"人民至上我国5G商用牌照发布一周年:基站建设"加速跑"</p

最低0.47元/天解锁文章

gqhp

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS---UI元素状态伪类选择器下

CSS—UI元素状态伪类选择器下5.伪类选择器E：:selection1)E：:selection伪类选择器用来指定当元素处于选中状态时的样式。2）小案例：选择网页中p段落中的文字和文本框中的文字，改变他的背景颜色为绿色！<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>伪类选择器E：:selection</title>
复制链接

扫一扫