Styling Form Inputs and Placeholders


CSS

Updated Jul 7th, 2021

I noticed in some code some styling for input-dark:focus state

This seems straightforward enough until I saw four a web kit placeholder targetings. This is the stuff that makes me want to bang my head against the wall. It’s related to browser compatibility and I’m not sure if this is 100% needed and how you would even know if this is needed or not besides testing across devices which seems like such a waste of resources.

Input-dark:: -webkit-input-placeholder

Input-dark::-moz-placeholder

Input-dark: -ms-input-placeholder

Input-dark: -moz-placeholder

Note that some of these have double colons and some of them have single colons after input-dark

I like the styling in the “learn JS: FSFS” course but I also like to not rely on bootstrap.