Support for ::input-placeholder
See original GitHub issueFrom “Change an input’s HTML5 placeholder color with CSS”:
::-webkit-input-placeholder { /* WebKit browsers */
color: #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #999;
}
I tried different variations (::input-placeholder
, ::placeholder
) but seems like it doesn’t supports by autoprefixer.
Thanks.
Issue Analytics
- State:
- Created 10 years ago
- Reactions:2
- Comments:24 (18 by maintainers)
Top Results From Across the Web
input placeholder attribute | Can I use... Support ... - CanIUse
Method of setting placeholder text for text-like input fields, to suggest the expected inserted information. Usage % of. all users, all tracked, tracked...
Read more >HTML input placeholder Attribute - W3Schools
The placeholder attribute specifies a short hint that describes the expected value of an input field (e.g. a sample value or a short...
Read more >HTML Placeholder browser compatibility - Stack Overflow
The placeholder attribute is supported in all major browsers, except Internet Explorer. FYI: This includes IE9. screenshot. Share.
Read more >placeholder - CSS: Cascading Style Sheets - MDN Web Docs
The ::placeholder CSS pseudo-element represents the placeholder text in an or element.
Read more >HTML5 Forms: Placeholder Type Attribute - Wufoo
The spec says placeholder should only work on text, search, url, tel, email, password and number input types. Browsers that support the placeholder...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@thomaswelton ouh, if you interesting I can explain much more deeper 😄.
When Autoprefixer adds new prefix, it must check maybe selector is already prefixed. So, when you run Autoprefixer twice (for example, guys in text editor plugins like to run Autoprefixer on already autoprefixed sources) it will not double its prefixes.
So selector prefixer merge unprefixed selector and all prefixed nearby into one block. And then check is block already contains some prefixes.
Without comment, Autoprefixer combine your and Bootstrap styles into one block (because them was near and there is no unprefixed selector in Bootstrap to separate blocks).
OK, I next release I will support only
::placeholder
, but if some users will complain, I add anothers unprefixed versions.