因此, input:not(:empty) 永远不会匹配正确 HTML 文档中的任何内容。 (它仍然可以在定义了一个可以接受文本或子元素的 <input> 元素的假设 XML 文档中工作。) 我不认为您可以仅使用 CSS 动态地设置空 <input> 字段的样式(即,只要字段为空就适用的规则,一旦输入文本就不会)。如果它们有一个空的 value 属性...
:placeholder-shown是专门用于确定元素是否显示占位符的对象,我们主要使用它来检查input内容是否为空(假设所有的input都有一个占位符)。 这里你可能会想,使用empty也是可以的吧?我们来看看。 代码语言:javascript 复制 // html<input value="not empty"><input><!--empty-->// cssinput:empty{border:1px solid ...
如果只有required你可以去的领域input:valid#foo-thing:valid + .msg { visibility: visible!important; } <input type="text" id="foo-thing" required="required"> <span class="msg" style="visibility: hidden;">Yay not empty</span>或否定使用#foo-thing:inva...
代码如下 代码语言:javascript 复制 .handle_menu_content:not(:empty){width:90px;position:fixed;z-index:999999;top:0;z-index:9999999;left:38px;background:#fff;border-radius:3px;border:1px solid #B3CAF5;;line-height:1;} 用于选中最后一个元素 :last-of-type 代码语言:javascript 复制 .status_bt...
如下代码,input[type="text"]选择器将选择所有type属性为"text"的 <input> 元素。 input[type="text"]{border:1pxsolid gray;} 后代选择器(Descendant Selector):通过指定元素的后代关系选择 HTML 元素。 后代选择器使用空格分隔元素名称。 如下代码,div p 选择器将选择所有在 <div> 元素内的 <p> 元素。
1 p:empty {display: none;} 3.3 否定伪类 否定选择器和jq中的:not选择器一模一样,就拿form中的元素来说明这个选择器的用法,比如你想对form中所有input加边框,但又不想submit也起变化,此时就可以使用:not为实现: 1 input:not([type="submit"]) {border: 1px solid red;} 3.4 状态伪类 状态伪类主要针...
:empty p:empty 选择没有子元素的每个 <p> 元素。 :enabled input:enabled 选择每个已启用的 <input> 元素。 :first-child p:first-child 选择作为其父的首个子元素的每个 <p> 元素。 :first-of-type p:first-of-type 选择作为其父的首个 <p> 元素的每个 <p> 元素。 :focus input:focus 选择获得焦...
:hover, :active, :not, :first-of-type, :only-child, :empty Regardless of the specifics of pseudo-elements and pseudo-classes, the syntax and application are essentially the same in both. Although the :hover pseudo-class is logical and dynamic, other pseudos, such as the :first-letter...
如果需要 <label> 内没有文字,输入框(input)正是你所期望的。 目前只适用于非内联的 checkbox 和 radio。 请记住,仍然需要为使用辅助技术的用户提供某种形式的 label(例如,使用 aria-label)。 Copy <div class="checkbox"> <label> <input type="checkbox" id="blankCheckbox" value="option1" aria-label=...
Each value is a <length>, a <percentage>, or the keyword auto. Negative values draw the element closer to its neighbors than it would be by default. When one value is specified, it applies the same margin to all four sides. When two values are specified, the first margin applies to ...