如何在引导程序中生成圆角输入字段以及输入组插件答案

【问题标题】：how to generate rounded corner input field along with input-group-addon in bootstrap如何在引导程序中生成圆角输入字段以及输入组插件
【发布时间】：2016-11-14 19:23:16
【问题描述】：

如何在 bootstrap 中创建圆角输入字段以及 input-group-addon 。

例如：

enter image description here

【问题讨论】：

Rounded corners for <input type='text' /> using border-radius.htc for IE的可能重复

标签： html bootstrap-modal

【解决方案1】：

希望对你有帮助，

将此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>

【讨论】：

【解决方案2】：

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

【讨论】：