question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Support for ::input-placeholder

See original GitHub issue

From “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:closed
  • Created 10 years ago
  • Reactions:2
  • Comments:24 (18 by maintainers)

github_iconTop GitHub Comments

8reactions
aicommented, Apr 23, 2014

@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).

6reactions
aicommented, Aug 3, 2013

OK, I next release I will support only ::placeholder, but if some users will complain, I add anothers unprefixed versions.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found