📜  布尔玛 |选择

📅  最后修改于: 2021-09-01 01:53:47             🧑  作者: Mango

Bulma是一个基于 Flexbox 的免费开源 CSS 框架。它组件丰富、兼容且文档齐全。它本质上是高度敏感的。它使用类来执行其设计。
表单的“选择”组件在外观上并不那么吸引人。使用 Bulma,我们可以通过添加一些简单的 Bulma 类以更好的方式设计表单的选择元素。 Bulma select 元素有不同的颜色、不同的样式、不同的尺寸和不同的状态。

示例 1:此示例显示了简单的 Bulma 下拉列表。


  
    Bulma Select
    
  
    
    
  
     
    
      
        
          
                       
      
    
    

输出:

示例 2:此示例显示了不同颜色的选择下拉列表。

`

  
    Bulma Select
    
  
    
    
  
     
    
      
        
          
                       
                           
                       
             
                       
             
                       
        
           
          
                       
      
    
  

输出:

示例 3:此示例显示“可滚动”或“多选下拉列表”。


  
    Bulma Select
    
  
    
    
  
     
    
      
        
          
                       
        
      
    
  

输出:

示例 4:此示例显示了不同大小的选择下拉列表。


  
    Bulma Select
    
  
    
    
  
     
    
      
        
          
                       
            
                           
               
                           
               
                           
          
      
    
  

输出:

示例 5:此示例显示四舍五入的选择下拉列表。


  
    Bulma Select
    
  
    
    
  
     
    
      
        
          
                       
                            
                           
               
                           
               
                           
               
                           
          
      
    
  

输出:

示例 6:此示例显示带有“font-awesome”图标的选择下拉列表。


  
    Bulma Select
    
  
    
    
  
  
    
       
    
      
        
          
            
                               
            
                           
          
            
      
    
  

输出: