语义 UI 图标禁用状态

Semantic UI是一个现代框架，用于为网站开发无缝设计，它为用户提供了轻量级的组件体验。它使用预定义的 CSS 和 jQuery 来整合不同的框架。

语义 UI 图标是用于表示某物的字形。图标可用于显示特殊信息，如按钮、危险等。图标含义一般，因此被广泛使用。 Semantic UI Icon Disabled 状态表明与图标链接的任何选项或链接都已禁用。它会淡化图标的颜色。

语义 UI 图标禁用状态类：

• disabled：此类用于使图标在此处禁用。

句法：

下面的示例说明了Semantic-UI Statistics Variations Floated Variant：

示例：在以下示例中，我们使用禁用类的按钮元素切换代码图标类。

HTML

  

    
    
    
    
    

  

    
        
            
              GeeksforGeeks
            
            Semantic-UI Icon Disabled State
              
            Code
            
              
            
                
                  Enable/Disable Code Icon
                
            
        
    
    
        function toggleDisable(){
            $("#codeIcon").toggleClass("disabled");
        }
    

  

输出：

语义 UI 图标禁用状态

参考： https://semantic-ui.com/elements/icon.html#disabled