如何将自定义颜色应用于嵌入在带有 Bootstrap 样式的链接中的字形图标？

给定一个带有相关 Boostrap glyphicon 的 HTML 文档，任务是将自定义颜色应用于它们。

方法：首先，我们需要将id属性分配给您需要使用 CSS 自定义的特定字形。我们可以将color属性应用于特定的id并使用十六进制值或正常颜色更改图标颜色。

id是用于访问整个标签的属性。颜色是元素的属性，用于改变特定元素的颜色，它取值为十六进制值或颜色名称。

句法：

#id_name {
    color: red;
}

例子：

HTML

 

    
 
    
 
    
    
 
    
    
 
    
        #red_e {
            color: red;
        }
 
        #blue_e {
            color: blue;
        }
 
        #green_e {
            color: green;
        }
 
        #yellow_e {
            color: yellow;
        }
 
        #cyan_e {
            color: cyan;
        }
    

 

    
        Glyphicon Icons Styling
 
        
            
                Red Envelope Icon
         
 
        
            
                Blue Envelope Icon
         
 
        
            
                Green Envelope Icon
         
 
        
            
                Yellow Envelope Icon
         
 
        
            
                Cyan Envelope Icon
         
    

 

输出：

造型 Boostrap Glyficon

支持的浏览器：

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