Javascript HTML文本区域永久边框颜色

我一直试图将文本区域的颜色永久（不聚焦）设置为特定颜色。。而且它不起作用。。。我正在使用引导（我不知道这是否与此有关），但由于某些原因，我无法永久设置文本区域的边框颜色。。我在CSS中有这个功能（我也尝试过其他组合，我见过堆栈溢出），但它不起作用

textarea{ 


  width: 650px; 
  min-width:650px; 
  max-width:650px; 

  height:400; 
  min-height:400px;  
  max-height:400px;

  border-color: red;                 /*NOT WORKING*/

}

宽度和高度都有效，所以不用担心

html中的我的文本区域如下所示：

<table class="table">
    <tr>
    <td><textarea id="task1" class="form-control"></textarea>
    </td>
</tr>

是的，它在一张桌子里，我有几个文本区域，但仍然（不知道这是不是原因，我不这么认为）

谢谢

---

凯文

好的，这是一个简单的解决方案。。。 我以身份证为目标。。 我说,

---

成功了

好的，这是一个简单的修复。。。 我以身份证为目标。。 我说,

---

成功了

好的，这是一个简单的修复。。。 我以身份证为目标。。 我说,

---

成功了

好的，这是一个简单的修复。。。 我以身份证为目标。。 我说,

成功了

您需要设置：

border: 1px solid red;

或

您需要设置：

border: 1px solid red;

或

您需要设置：

border: 1px solid red;

或

您需要设置：

border: 1px solid red;

或

---

请注意，您有一个定义边框的类

。表单控件
，请设置
！重要信息
添加到
文本区域
或在css中再添加一个类和，并将该类的规则放置在
.fom控件
所在的位置之后

选项1

CSS

textarea{ 
  width: 650px; 
  min-width:650px; 
  max-width:650px; 
  height:400; 
  min-height:400px;  
  max-height:400px;
  border:solid 1px orange !important;    
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.orange-border{ 
border:solid 1px orange;
}

选项2

HTML

<table class="table">
    <tr>
    <td><textarea id="task1" class="form-control orange-border"></textarea>
    </td>
</tr>

注意，您有一个类
。表单控件
定义边框，设置
！重要信息
添加到
文本区域
或在css中再添加一个类和，并将该类的规则放置在
.fom控件
所在的位置之后

选项1

CSS

textarea{ 
  width: 650px; 
  min-width:650px; 
  max-width:650px; 
  height:400; 
  min-height:400px;  
  max-height:400px;
  border:solid 1px orange !important;    
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.orange-border{ 
border:solid 1px orange;
}

选项2

HTML

<table class="table">
    <tr>
    <td><textarea id="task1" class="form-control orange-border"></textarea>
    </td>
</tr>

注意，您有一个类
。表单控件
定义边框，设置
！重要信息
添加到
文本区域
或在css中再添加一个类和，并将该类的规则放置在
.fom控件
所在的位置之后

选项1

CSS

textarea{ 
  width: 650px; 
  min-width:650px; 
  max-width:650px; 
  height:400; 
  min-height:400px;  
  max-height:400px;
  border:solid 1px orange !important;    
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.orange-border{ 
border:solid 1px orange;
}

选项2

HTML

<table class="table">
    <tr>
    <td><textarea id="task1" class="form-control orange-border"></textarea>
    </td>
</tr>

注意，您有一个类
。表单控件
定义边框，设置
！重要信息
添加到
文本区域
或在css中再添加一个类和，并将该类的规则放置在
.fom控件
所在的位置之后

选项1

CSS

textarea{ 
  width: 650px; 
  min-width:650px; 
  max-width:650px; 
  height:400; 
  min-height:400px;  
  max-height:400px;
  border:solid 1px orange !important;    
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.orange-border{ 
border:solid 1px orange;
}

选项2

HTML

<table class="table">
    <tr>
    <td><textarea id="task1" class="form-control orange-border"></textarea>
    </td>
</tr>

@cbender IE从第4版开始支持
边框颜色
。@cbender IE从第4版开始支持
边框颜色
。@cbender IE从第4版开始支持
边框颜色
。@cbender IE从第4版开始支持
边框颜色。当然可以，但我不愿推荐
！重要信息
在绝对需要它的场景之外-因为它可能会产生可维护性问题。我给你第二个选项，不使用
！重要信息
当然有效，但我不太愿意推荐
！重要信息
在绝对需要它的场景之外-因为它可能会产生可维护性问题。我给你第二个选项，不使用
！重要信息
当然有效，但我不太愿意推荐
！重要信息
在绝对需要它的场景之外-因为它可能会产生可维护性问题。我给你第二个选项，不使用
！重要信息
当然有效，但我不太愿意推荐
！重要信息
在绝对需要它的场景之外-因为它可能会产生可维护性问题。我给你第二个选项，不使用
！重要信息
边框颜色
在没有
边框宽度的情况下无效
<代码>边框颜色
在没有
边框宽度
的情况下无效<代码>边框颜色
在没有
边框宽度
的情况下无效<代码>边框颜色
在没有
边框宽度
的情况下无效！