如何使输入框看起来像这样基于bootrap

Question

我是基于bootstrap创建我的网站但是想做一些自定义。

用这个

覆盖bootstrap默认样式的任何想法

我知道将框样式替换为下划线只能使用此

        border: 0;
        outline: 0;

但不知道如何弯曲线

Answer 1

我查找了相关的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' */
}

因此，border-radius是您要查找的CSS属性。