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.

placeholder color

See original GitHub issue

Is it possible to have different colors on Input placeholder. I want red on standby, and green on float. Is it possible ?

Issue Analytics

State:
Created 5 years ago
Comments:6 (2 by maintainers)

Top GitHub Comments

1reaction

julianstivenm8commented, Dec 7, 2018

Hello, I made something like this

<Item floatingLabel > <Label style={this.state.labelUp?[styles.subtitle]:[styles.normal]}> Nombre </Label> this.setState({ name })} value={this.state.name} onFocus={()=>{this.setState({labelUp: true}); }} onBlur={()=>{(this.state.name =="")?this.setState({labelUp: false}):this.setState({labelUp: true}) }} /> </Item>

0reactions

SupriyaKalghatgicommented, Jun 11, 2018

@theapache64 You can detect if floatUp is called using ref Note that with floatingLabel use getRef to get reference

Top Results From Across the Web

How To Change Input Placeholder Color - W3Schools

In most browsers, the placeholder text is grey. To change this, style the placeholder with the non-standard ::placeholder selector. Note that Firefox adds...

placeholder - CSS: Cascading Style Sheets - MDN Web Docs

Note: In most browsers, the appearance of placeholder text is a translucent or light gray color by default. Syntax. ::placeholder. Accessibility ...

Change a HTML5 input's placeholder color with CSS

The placeholder's text color is now red. Maybe other modern browsers now support it. – Lloyd Dominic. May 24, 2017 at 5:28.

How To Change the Color of an HTML5 Input Placeholder ...

The default color of a placeholder text is light grey in most browsers. If you want to change it, you need to use...

CSS Placeholder Color - HTML Color Codes

Input (and textarea) placeholder text defaults to a light gray color, however, we can change that with a few lines of CSS. Here...