javascript - HTML Textarea permanent border color -

i have been trying set color of textarea permanently (not on focus) color.. , not work... using bootstrap( dont know if might have this) reason cant set permanently border color of textarea.. have in css (and have tried other combinations have seen stack overflow) not work.

textarea{      width: 650px;    min-width:650px;    max-width:650px;     height:400;    min-height:400px;     max-height:400px;    border-color: red;                 /*not working*/  } 

width , height works dont worry that.

my textarea in html looks this:

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

yes, inside table in have several textareas still (dont know if thats reason, dont think so)..

thanks!

kevin

beware have class .form-control define border, set !important textarea or add 1 more class , in css , place rules of class after .fom-control is.

option 1

css

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

option 2

html

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

css

.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; } 

demo here