问答详情
源自:6-4 CSS3 结构性伪类选择器—empty

结构性伪类选择器能用于单标签吗,为什么我的第一个Input是给了值的,第二个是没给值得,为什么都没有改变颜色

<div>

账号:<input type="text" name="username" value="张三"/>asdasd<br>

密码:<input type="text" name="password"><br>

备注:<input type="checkbox" name="aihao">足球<input type="checkbox" name="aihao">电影<input type="checkbox" name="aihao">游戏<br>

</div>

<style>

input:empty([type='text']){

background-color: red;

}

</style>

提问者:qq_慕标8478427 2021-04-02 17:49

个回答

  • 全国bug产出大赛亚军
    2021-04-29 16:53:15

    :empty伪类选择器匹配没有任何子元素的元素,而input标签里的有没有值和元素内有没有子元素是不同的。