Answers for "css on focus change border color"

CSS
14

css focus change color

<style>
.dabutton:focus {
    background-color:yellow;
}
</style>
<button class="dabutton"></button> // <-- usage
Posted by: Guest on July-03-2020
1

change border color focus

state: {
    isFocused: true
}

 handleFocus = () => this.setState({isFocused: true})

 handleBlur = () => this.setState({isFocused: false})

 <TextInput
         onFocus={this.handleFocus}
         onBlur={this.handleBlur}
         style={[//Your Styles, {
             borderBottomColor: this.state.isFocused
                 ? 'black'
                 : 'red',
             borderBottomWidth: 1,
         }]}
     />
Posted by: Guest on October-12-2021

Code answers related to "css on focus change border color"

Browse Popular Code Answers by Language