I have created a contact-us form in bootstrap with transparent view for input box. Its worked good in firebox browser, not not shows its transparent property in chrome browser. i dnt know how to fix this issue. if any one know please help me to fix it.
see this
Firefox View:
Chrome View:
You're using a color code that isn't supported in Chrome that's why it's not correctly displaying on your browser.
Instead of using background-color: #ffffff1a on .form-control you should use a RGBA instead. In your case use rgba(255,255,255,0.101)
8-digit hexadecimal values are ignored as they are currently deemed invalid by Chrome's CSS parser.
You can always convert 8-hex colors into RGBA colors with this CodePen tool, credit goes to Terry
For more information on 8-digit hexadecimal values read this very interesting thread
