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

Answer 2

您必须设置“border-width”。 “border-radius”用于圆角，而不是边框的粗细。 “border-style”默认为“solid”，因此是可选的。您也可以使用简写“border：2px solid red;”。

Answer 3

更新现有代码中的两件事

更新div的css border: 1px solid red;
将clearfix课程添加到您的父级，因为您已将navbar-left课程用于表格

无法围绕形式制作边框

3 个答案: