Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Label and placeholder share colors #676

Open
8 tasks done
andria-dev opened this issue Oct 27, 2018 · 0 comments
Open
8 tasks done

Label and placeholder share colors #676

andria-dev opened this issue Oct 27, 2018 · 0 comments

Comments

@andria-dev
Copy link

andria-dev commented Oct 27, 2018

Description

In the paper-input element, it isn't possible to change the color of the placeholder independently from the label's color via the CSS variables.

I am trying to create a paper-input element where the color of the label is white while the placeholder is the default #757575.

Expected outcome

Placeholder color is #757575
Label color is white

Actual outcome

Placeholder color is white
Input color is white

Live Demo

https://glitch.com/edit/#!/opposite-chopper

Steps to reproduce

  1. Put a paper-input element in the page
  2. Give it a placeholder
  3. Give it a Label
  4. Create a css file
  5. Put the following in it:
paper-input {
  --paper-input-container-color: white;
}

Browsers Affected

Affects all browsers that can do CSS Variables I suppose

  • Chrome
  • Firefox
  • Safari 9
  • Safari 8
  • Safari 7
  • Edge
  • IE 11
  • IE 10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant