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

There are two ways I have done this. If you want this to affect all carets on your site (probably not preferred) then you could override the caret css class in you:

.caret{border-top:4px solid red;}

Another option is to create a custom class and add it to the caret in your markup

.red{border-top:4px solid red;}


    Action
    

        
Action
        
Another action
        
Something else here
        

        
Separated link
    

The original JSFiddle has been updated http://jsfiddle.net/whoiskb/pE5mQ/