How to change the focus glow of textarea in Bootstrap 3?

Question

I want to change the blue glow if the focus is on Bootstrap 3 input and in the text box.

I tried adding 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; } 

to my costum.css, but that only changes the glow of the input fields, not textarea. I also tried this one ,

 .input:focus { outline: none !important; border:1px solid red; box-shadow: 0 0 10px #719ECE; } 

which has not changed anything.

I'm not savvy CSS, so appreciate your help.

Answer 1

Try using:

 textarea:focus, input:focus, .uneditable-input:focus { border-color: rgba(229, 103, 23, 0.8) !important; box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075) inset, 0 0 8px rgba(229, 103, 23, 0.6) !important; outline: 0 none !important; }