CSS表示禁用按钮,可以使用:not()选择器来排除某个类。:not()选择器用于选择不符合指定选择器的元素。 具体的CSS代码如下: 代码语言:txt 复制 button:not(.disabled) { /* 按钮样式 */ } 上述代码表示选择所有不具有.disabled类的按钮元素,并对其应用样式。 这种方法可以用于禁用按钮的交互效果,例如在某些条件下...
:not()的优先级是 0,因为它的优先级是由括号里面的参数来定的; :not()伪类可以同时判断多个选择器,比如input:not(:disabled):not(:read-only) {},表示匹配不属于禁用状态同时也不处于只读状态的 input 元素; not()支持多个表达式,比如:.cs-li:not(li, dd) {},还有另外一种写法:.cs-li:not(li):not...
:not()的优先级是 0,因为它的优先级是由括号里面的参数来定的; :not()伪类可以同时判断多个选择器,比如input:not(:disabled):not(:read-only) {},表示匹配不属于禁用状态同时也不处于只读状态的 input 元素; not()支持多个表达式,比如:.cs-li:not(li, dd) {},还有另外一种写法:.cs-li:not(li):not...
:checked伪类用于选择当前被选中或选择的单选按钮、复选框或 select 元素的选项。 :disabled 伪类 :disabled伪类用于匹配被禁用的表单元素,例如按钮或文本输入框。 :enabled 伪类 :enabled伪类用于匹配可以交互和接收输入的表单元素。 :valid 伪类 :valid伪类用于选择具有与其属性(如pattern、type等)所指定要求相匹配的内...
:disabled选择器刚好与:enabled选择器相反,用来选择不可用表单元素。要正常使用:disabled选择器,需要在表单元素的HTML中设置“disabled”属性。 11.CSS3选择器 :checked选择器在表单元素中,单选按钮和复选按钮都具有选中和未选中状态。(大家都知道,要覆写这两个按钮默认样式比较困难)。在CSS3中,我们可以通过状态选择器...
:not(selector) :not(p) 选择非 selector 元素的元素(即反选) ::selection ::selection{color: red} 选择光标选中的文字 :enabled 【主要用于表单元素】input[type="text"]:enabled 选择器匹配每个启用的的元素 :disabled 【主要用于表单元素】input[type="text"]:disabled 选择器匹配每个禁用的的元素 :checke...
button:not(:disabled); 1. 八、伪元素选择器 伪元素是一个附加至选择器末的关键词,允许对被选择元素的特定部分修改样式。它们在应用中差异很大,目前最受支持的伪元素选择器如下: ::after ::before ::first-letter ::first-line ::selection ::before 和 ::after 伪元素可以用来创建一个额外的元素,它们在视...
:enabled和:disabled分别应用于控件的启用和禁用状态,如下代码所示,文本框默认是启用状态,第二个文本框设置了disabled属性,变成禁用状态。 input:enabled{background:#FC0;}input:disabled{background:#000;} :checked应用于单选框或复选框的选中状态。:required和:optional应用于...
a:not([href = "http://www.google.com"]) { } input[type="text"]:not([disabled="disabled"]) { } h1:not(#page-title) { } 浏览器支持 所有的现代浏览器都支持:not伪类选择器,包括:Chrome, Firefox, Safari, Opera9.5+, Internet Explorer 9+ 以及 Android 和 iOS。
1):enabled和:disabled:用于表单元素,表示元素是否可用。 示例:将禁用的输入框的边框颜色改为灰色 input:disabled{border-color: gray; } 2):checked:用于单选框或复选框,表示元素是否被选中。 示例:将选中的单选框的背景色改为黄色 input[type="radio"]:checked{background-color: yellow; ...