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.

[v2] Not able to change input color

See original GitHub issue

version: 2.0.0-beta.1

Description: There is no way to change color of input using glam because it’s overridden by default input styling.

Example: Image of Yaktocat https://codesandbox.io/embed/0x5mqr4yow

Solution: I think we should set color of input to inherit and add default color to its parent element. I’m going to fix it.

P.S. my first contribution.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:4
  • Comments:8 (3 by maintainers)

github_iconTop GitHub Comments

11reactions
lesha1201commented, May 1, 2018

@Jucesr It’s already in 2.0.0-beta.2. Now when you change color in input it will be applied to input element.

const styles = {
  control: base => ({
    ...base,
    background: "#152033"
  }),
  singleValue: base => ({
    ...base,
    color: "#fff"
  }),
  input: base => ({
    ...base,
    color: "#fff"
  })
};

Like here https://codesandbox.io/embed/0x5mqr4yow

0reactions
froiicommented, Jun 20, 2019

What about Multi Value ? multiValue has two div inside and it doesn`t work…

Read more comments on GitHub >

github_iconTop Results From Across the Web

CSS Can't change input text background colour in chrome ...
Closed 2 years ago. Improve this question. I am trying to change the background-color of my input text and its not changing ......
Read more >
<input type="color"> - HTML: HyperText Markup Language
A color input's value is considered to be invalid if the user agent is unable to convert the user's input into seven-character lower-case ......
Read more >
How To Change Input Placeholder Color
Step 2) Add CSS: In most browsers, the placeholder text is grey. To change this, style the placeholder with the non-standard ::placeholder selector....
Read more >
How to change the font-color of disabled input using CSS
Approach: With adding basic CSS property we are able to change the font-color of a disabled input. The disabled input element is unusable ......
Read more >
Change the color of text
You can make the data on your worksheets more visible by changing the font color of cells or a range of cells, formatting...
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