Changing bootstrap caret(color and position)

Question

I want to change color of caret and make it not relative from input text, because it\'s hard to make it look good when it is.

Answer 1

Not the best way but it should work:

Add this to your stylesheet (CSS) after the Bootstrap include.

.btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret {

    border-top-color: red;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}