CSS | :不确定选择器

CSS 中的:indeterminate选择器用于选择任何处于不确定状态的表单元素，即既未选中也未未选中的状态。

此选择器针对的元素是：

• 其不确定属性被 JavaScript 设置为 true 的元素
• 元素，当表单中所有具有相同名称值的单选按钮都被取消选中时
• 处于不确定状态的元素

示例 1：

  

    
        CSS :indeterminate selector
    
    
        input:indeterminate + label {
            background: green;
            color: white;
            padding: 4px;
        }
          
        input:indeterminate {
            box-shadow: 0 0 1px 1px green;
        }
    

  

    
            GeeksforGeeks
        
    
            CSS :indeterminate selector
        
    
        
        This is an indeterminate checkbox.
    
    
    
        
        This is an indeterminate radio button.
    
  
    
        var doc = document.getElementsByTagName("input");
  
        for (var i = 0; i < doc.length; i++) {
            doc[i].indeterminate = true;
        }
    

  

输出：

示例 2：

  

    
    

  

    

            GeeksforGeeks
        
    

            CSS :indeterminate selector
        
    
An indeterminate progress bar.
    

  

输出：

支持的浏览器： :indeterminate 选择器支持的浏览器如下：

• 苹果Safari
• 谷歌浏览器 39.0
• 火狐 51.0
• 歌剧
• IE浏览器