html - Bootstrap 边界半径 : 4px is adding shadow to input

Question

我正在制作一个带有 Bootstrap 的网站，当我将 border-radius: 4px 添加到输入/按钮时，也会添加阴影。

检查图像: http://i.stack.imgur.com/K9pz8.png

如何去除这个阴影？

Answer 1

将 class="form-control 添加到 input 元素，它将删除内部的阴影。

查看演示:

/* Latest compiled and minified CSS included as External Resource*/

/* Optional theme */

@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
 body {
  margin: 10px;
}
input {
  border-radius: 5px;
  margin: 10px;
}

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
  <div class="input-group">
    <input type="text" class="" placeholder="without class">
    <input type="text" class="form-control" placeholder="with class">
  </div>
</div>