How can I change the border/outline color for input and textarea elements in Twitter Bootstrap?
I presume you're speaking about the blue glow on focus? Try this:
textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus {
border-color: rgba(229, 103, 23, 0.8);
box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075) inset, 0 0 8px rgba(229, 103, 23, 0.6);
outline: 0 none;
}
If you are using bootstrap 3 with LESS, you can set the variable @input-border-focus
. This variable can be found in variables.less
.