语义 UI 输入透明变化

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。

Semantic UI Input Transparent Variation，用户可能需要显示没有背景的输入，即它以透明的外观为输入添加独特的触感，允许网页的输入与页面背景颜色匹配。

Semantic-UI Input 透明变体类：

• 透明：此类用于指定输入的透明变化。

句法：

    
    ....

示例 1：此示例使用 Semantic-UI 中的透明类演示了输入透明变体。

HTML

  

    

  

    

        
GeeksforGeeks
        
            
Semantic UI Input Transparent Variation
        

        
Transparent input :
        

            
        
        

        
Non transparent input : 
        

            
        
    

输出：两个输入都可以从下图中看到。您可以看到没有背景的透明输入和带有边框线背景的非透明输入之间的区别。

语义 UI 输入

示例 2：此示例使用透明类将一组透明输入变体演示为注册表单。

HTML

  

     

  

    

        
            
GeeksforGeeks
            
                
Semantic UI Input Transparent Variation
            
            

            

                
Sign up Form
                

                    
                
                

                

                    
                
                

                

                     
                
            
        
    

输出：所有透明输入都可以在下图中看到。

透明输入

参考： https://semantic-ui.com/elements/input.html#transparent