如何在bootstrap中隨input-group-addon一起生成圓角輸入字段

Question

如何在bootstrap中創建圓角輸入字段和input-group-addon。

的exaple：

enter image description here

Answer 1

只需添加border-radius: 20px到你的元素在CSS

Answer 2

希望這可以幫助你，

添加這個CSS文件中加入

 .round{ 
     border-bottom-right-radius:15px; 
     border-bottom-left-radius:15px; 
    -moz-border-radius-bottomright:15px; 
    -moz-border-radius-bottomleft:15px; 
    -webkit-border-bottom-right-radius:15px; 
    -webkit-border-bottom-left-radius:15px; 

     -moz-border-radius-topright:15px; 
     -moz-border-radius-topleft:15px; 
     -webkit-border-top-right-radius:15px; 
     -webkit-border-top-left-radius:15px; 
     border-top-right-radius:15px; 
     border-top-left-radius:15px; 
     } 

HTML代碼

<div class = "input-group"> 
    <input type = "text" class = "form-control round"> 
    <span class = "input-group-addon round">icon</span> 
    </div>