CSS学习笔记-属性选择器

最新推荐文章于 2024-06-01 16:06:49 发布

少写代码少看论文多多睡觉

最新推荐文章于 2024-06-01 16:06:49 发布

阅读量103

点赞数

分类专栏： # CSS 文章标签： css css3 前端

本文链接：https://blog.csdn.net/qq_44653420/article/details/121721673

版权

CSS 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

属性选择器

格局标签中是否有该属性来进行选择进而指定样式

第一种只要含有Type属性即可匹配元素
第二种只要含有type属性并且值为text
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性选择器</title>

    <style>

        /*只要含有type标签的全部变为红色*/
        [type]{

            color:red;

        }

        /*含有type标签 且值为password 变为蓝色*/
        [type = password]
        {
            color:blue;
        }

    </style>


</head>
<body>

    用户名：<input type="text"/> <br/>
    密码：<input type = "password"/> <br/>
    邮箱：<input type = "email"/> <br/>
</body>
</html>

优惠劵

少写代码少看论文多多睡觉

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS学习笔记-属性选择器

属性选择器格局标签中是否有该属性来进行选择进而指定样式第一种只要含有Type属性即可匹配元素第二种只要含有type属性并且值为text<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>属性选择器</title> <style> /*只要含有type标签的全部变为红色*/
复制链接

扫一扫