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

📅  最后修改于: 2021-09-01 03:49:02             🧑  作者: Mango

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

句法：

属性：

  • autofocus：表示下拉列表在页面加载时应该因此获得焦点。 (值：自动对焦)
  • disabled：表示应该禁用下拉列表。 (值：禁用)
  • form：表征下拉列表中的哪个表单。 (值：form_id)
  • multiple：表示一次可以选择多个选项。 (值：多个)
  • name：描述下拉列表的名称。 (值：名称)
  • required：表示用户需要在最近提交表单的某个时间选择一个值。 (值：必填)
  • 大小：表征下拉列表中可见选项的数量。 (值：数字)

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

方法 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
    


      
    

      

        
        
      

      

        

          
        
      

    

  


  

输出：