如何在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>