Change border color on active input field

[StS]

I want to know, how I can change the (white) color of the border on an active input field?

inactive:

active:

This code doesn’t help:

input:focus { border: 1px solid rgba(144, 238, 144, 0.8) !important; }

Thanks,
Stefan

[EricShulman]

Use the “outline-color” attribute, like this:

input { outline-color:rgba(144, 238, 144, 0.8); }

ref: outline - CSS: Cascading Style Sheets | MDN

enjoy,
-e

[StS]

@EricShulman, thanks for feedback.

Clicking into the field will still make a white border:

[EricShulman]

@StS

Clicking into the field will still make a white border

Try this:

input:focus { border:1px solid rgba(144, 238, 144, 0.8); outline:none; }

[StS]

Thats it - thanks!