title: To change the UnderlineInputBorder properties in flutter
body: <p>I have a <code>TextField()</code>, I want to change the Underlineinput <strong>border color</strong> and the <strong>thickness</strong> of it since it looks to the thickness. I have tried my level to change it but it is not at all working. </p>
  
  <p>I have followed these links but nothing worked for me : </p>
  
  <ul>
  <li><a href="https://docs.flutter.io/flutter/material/InputDecoration-class.html" rel="noreferrer">InputDecoration class in flutter</a></li>
  <li><a href="https://docs.flutter.io/flutter/material/InputBorder-class.html" rel="noreferrer">InputBorder class in flutter</a></li>
  <li><a href="https://stackoverflow.com/questions/48706884/change-textfields-underline-in-flutter">To change the color of the underline of textfield</a></li>
  </ul>
  
  <p>Tried so far is :</p>
  
  <p><strong>CODE:</strong></p>
  
  <pre><code>decoration: InputDeocration(
     border: UnderlineInputBorder(
       borderSide: new BorderSide(
          color: Color.fromRGBO(173, 179, 191, 1),
          width: 0.5,
          style: BorderStyle.none
       )
     )
  )
  </code></pre>
  
  <p>The only thing that works or changes the color here is for the <code>focussedBorder</code> and <code>enabledBorder</code>. I don't want this, so I'm looking forward to getting some good advice here. </p>
  
  <p>It doesn't change anything. <strong>What I want is :</strong></p>
  
  <p><a href="https://i.stack.imgur.com/vxOCn.png" rel="noreferrer"><img src="https://i.stack.imgur.com/vxOCn.png" alt="Required Result"></a></p>
  
  <p><strong>What I'm getting so far is this every time irrespective of the changes I make to the design :</strong> </p>
  
  <p><a href="https://i.stack.imgur.com/BhjnM.png" rel="noreferrer"><img src="https://i.stack.imgur.com/BhjnM.png" alt="Result"></a></p>