📌  相关文章
📜  如何使用Bootstrap从Select标签中删除边框半径？

📅  最后修改于: 2021-05-25 18:21:30             🧑  作者: Mango

组件用于制作一个下拉列表。 组件内的

句法：

属性：

  • autofocus：表示页面加载时，下拉列表应因此获得焦点。 (值：自动对焦)
  • disable：表示下拉列表应该被禁用。 (值：禁用)
  • 形式：表征下拉列表在哪一个形式中的位置。 (值：form_id)
  • 多个：表示可以一次选择多个选项。 (值：倍数)
  • name：代表下拉列表的名称。 (值：名称)
  • required：必需，表示用户最近一次提交表单时需要选择一个值。 (值：必填)
  • size：表征下拉列表中可见选项的数量。 (值：数字)

我们可以通过以下两种方法从“选择”标签中删除边框半径：

方法1：使用CSS：使用一些CSS属性删除边框半径。

例子：

HTML


  

  
    Remove border radius from
    Select tag in css
  
  
  

  

  

    


      GeeksforGeeks
    


      
    
  


  

HTML


  

  
  
  
  
  
  
  
  
    
  
  
  
    
  
    
  
    
  
    Remove border radius from 
    Select tag in bootstrap
  
    
  

  

  

    

    


      GeeksforGeeks
    


      
    
  


  

HTML


  

  
  
  
  
  
  
  
  
    
  
  
  
    
  
    
  
    
  
    Remove border radius from 
    Select tag in bootstrap
  
    
  

  

  

    

    


      GeeksforGeeks
    


      
    

      

        
        
      

      

        

          
        
      

    

  


  

输出：

方法2：使用Bootstrap： Chrome的用户代理样式表为                                                                                                      

输出：

我们可以将select标签和.custom-select类与form-control一起使用，如下所示

例子：

的HTML 



  

  
  
  
  
  
  
  
  
    
  
  
  
    
  
    
  
    
  
    Remove border radius from 
    Select tag in bootstrap
  
    
  

  

  

    

    


      GeeksforGeeks
    


      
    

      

        
        
      

      

        

          
        
      

    

  


  

输出：