how to change input text box style to line?

Question

in my form I have three input fields name, email, mobile but I want to change input text box like -

name :  _____________  
email:  _____________  
mob  :  ___         


        

Answer 1

If using styled components you can do the following if using a white background, which I think there are some equivalent CSS to do same thing:

const TextInput = styled.TextInput`
  width: 295px;
  height: 30px;
  border: 1px solid #dbdfea;

  border-top-color: white;
  border-left-color: white;
  border-right-color: white
 `