Box-shadow border color for active form fields?

API & Customization
1

Wondering if anyone can point me to the correct CSS selectors for modifying the box-shadow, border color of active form fields. The snippet below seems to work for Mozilla, but not for Chrome. Ideas?

input[type="text"]:focus {
 background-color: #2c3238 !important;
 color: #ffffff !important;
 border-color:#e95c2e;
 box-shadow:0 0 0 2px rgba(233,92,46,.3),0 1px 2px rgba(0,0,0,.2) inset
}
2

Your code seems to work in Chrome for me; pasted into a test app, and active form fields indeed are styled.

That said, when I'm having Mozilla vs Chrome issues in CSS I often look for "webkit" styles for Chrome, and "moz" styles for Firefox: https://css-tricks.com/snippets/css/css-box-shadow/

Hope this helps!