css - 无法在表格周围制作边框

Question

我正在尝试为我的表单制作边框。就像我们可以找到示例输入组 here 一样我的代码是:

<div style="border-color:red;border-radius:3px;background-color:#999">
    <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
            <input type="text" class="form-control" placeholder="Search">
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
    </form>
</div>

如您所见，我正在尝试设置:

• 边框颜色
• 边界半径没有效果。谁能建议我怎么做？

Bootply here

Answer 1

为什么不通过 css 文件直接将它添加到表单中？

form[role=search] { border: 3px solid red; padding: 1em; }

Example based on yours