Css 如何根据bootrap使输入框看起来像这样

我创建我的网站的基础上引导，但想做一些自定义

有没有想过用这个样式覆盖引导默认样式

我知道用方框样式替换下划线只能用这个

        border: 0;
        outline: 0;

但却不知道如何改变现状

---

我为您查找了相关的Bootstrap 3.3.7（最新的非alpha）代码，即

.form control

类

如果您使用下面的CSS覆盖该类，您很可能会达到您想要的效果

.form-control {
  border: 0; /* to hide border initially */
  border-bottom: 1px solid #ccc; /* to set the bottom border (the only one we need) */
  border-radius: 8px; /* to round borders or 'bend the line' */
}

因此，

边界半径

是您要查找的CSS属性

.form-control {
  border: 0; /* to hide border initially */
  border-bottom: 1px solid #ccc; /* to set the bottom border (the only one we need) */
  border-radius: 8px; /* to round borders or 'bend the line' */
}