边框颜色属性用作样式，而不是css类

我确信这是一个简单的问题，但我似乎无法让css类正常工作。我正在尝试在文本输入周围添加一个红色边框。如果将“边框颜色”属性设置为“内联”，则所有操作都有效：

 <input type="text" placeholder ="Name" style="border-color: #b94a48;" />

如果我将一个类添加到周围的div中，并以输入为目标，它将正常工作：

.error-style input {
    border-style:solid;
    border-color: #b94a48;
}

<div class="control-group error-style">
    <div class="controls">
        <input type="text" placeholder ="Name"/>
    </div>
</div>

。错误样式输入{
边框样式：实心；
边框颜色：#b94a48；
}

但如果我只是将其设置为类，并将其添加到输入中，它不会显示：

.error-style {
    border-style:solid;
    border-color: #b94a48;
}

<input type="text" placeholder ="Name" class="error-style" />

。错误样式{
边框样式：实心；
边框颜色：#b94a48；
}

---

我不确定这是否重要，但我也在项目中使用Twitter引导。可以找到用于引导的CSS文件

边框需要一个宽度。如果这不起作用，请尝试将重要性应用于CSS类，因为其他CSS中可能有某些内容覆盖了它：

.error-style {
    border: 1px solid #b94a48 !important;
}

<input type="text" placeholder="Name" class="error-style" />

。错误样式{
边框：1px实心#b94a48！重要；
}

您需要一个宽度：

.error-style input {
    border-style:solid;
    border-color: #b94a48;
    border-width: 1px;
}

或者简单地说：

.error-style input {
    border: 1px solid #b94a48;
}

使用：

。错误样式
{
边框：2个实心#b94a48；
}

---

您可以根据自己的要求更改边框宽度。

您应该像下面提到的那样书写样式及其工作原理

CSS

.error-style {
      border:2px solid #b94a48;
}

HTML

<input type="text" placeholder="Name" class="error-style" />

---

在bootstrap.css第1013行中它使您的输入边框颜色为灰色

要解决这个问题，请使用以下css

.controls .error-style{border-style:solid;border-color: #b94a48;}

通过这种方式，您将为该类生成高优先级值。这种方法比使用更好！重要的

---

我希望能澄清您的问题：）

在将源代码添加到自定义css之前，尝试将源代码添加到bootstrap.css文件中

<link href="bootstrap.css" rel="stylesheet" />
<link href="yourCustom.css" rel="stylesheet" />

---

CSS呈现是级联的。最新提供的值将应用于图元。仅当旧值标记为时，新值将不起作用！重要信息。

欣赏响应，但不是宽度，而是与引导冲突。欣赏响应，但不是宽度，而是与引导冲突。欣赏响应，但不是宽度，而是与引导冲突。

<link href="bootstrap.css" rel="stylesheet" />
<link href="yourCustom.css" rel="stylesheet" />

.error-style {
    border: 1px solid #b94a48 !important;
}