布尔玛文件修改器

Bulma 是一个开源的 CSS 框架，它带有预先设置的组件，可以让网站变得更漂亮和响应更快。它基于弹性盒。

在本文中，我们将看到可以在 Bulma 中与文件元素一起使用的修饰符。

Bulma 文件修饰符类：

• has-name：当您要显示所选文件的名称时，此类用于文件元素。
• is-right：该类用于将文件元素的CTA向右移动，文件名向左移动。
• is-fullwidth：此类用于扩展文件名容器以填充剩余宽度。
• is-boxed：该类用于将文件元素更改为盒装形状。

句法：

    ...

示例：下面的示例说明了上面讨论的文件修饰符类的使用。

HTML

  

    
    
    
  
    

  

    
GeeksforGeeks
    Bulma File Modifiers
    

  
        
File element with has-name modifier
  
        

            
                
                
                    
                        
                    
                    
                        Select a file
                    
                
                
                    No file Selected.
                
            
        
  
        
File element with is-right modifier
  
        

            
                
                
                    
                        
                    
                    
                        Select a file
                    
                
                
                    No file Selected.
                
            
        
  
        
File element with is-fullwidth modifier
  
        

            
                
                
                    
                        
                    
                    
                        Select a file
                    
                
                
                    No file Selected.
                
            
        
  
        
File element with is-boxed modifier
  
        

            
                
                
                    
                        
                    
                    
                        Select a file
                    
                
                
                    No file Selected.
                
            
        
    

  

输出：

布尔玛文件修改器

参考： https://bulma.io/documentation/form/file/#modifiers