title: Custom designing EditText
body: <p>I have custom designed <code>EditText</code> </p>
  
  <p><img src="https://i.stack.imgur.com/1Vrll.png" alt="enter image description here"></p>
  
  <p><strong>search_page.xml</strong></p>
  
  <pre><code>&lt;LinearLayout
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:orientation="horizontal"
      android:padding="10dp"
      android:background="#E1E1E1"
      android:weightSum="1" &gt;
  
      &lt;TextView
          android:layout_width="0dp"
          android:layout_height="wrap_content"
          android:layout_weight=".25"
          android:text="City" /&gt;
  
      &lt;EditText
          android:layout_width="0dp"
          android:layout_height="wrap_content"
          android:layout_marginLeft="10dp"
          android:background="@drawable/rounded_edittext"
          android:layout_weight=".75" /&gt;
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p><strong>rounded_edittext.xml</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;!-- res/drawable/rounded_edittext.xml --&gt;
  &lt;shape xmlns:android="http://schemas.android.com/apk/res/android"
      android:padding="10dp"
      android:shape="rectangle" &gt;
  
      &lt;solid android:color="#FFFFFF" /&gt;
  
      &lt;corners
          android:bottomLeftRadius="10dp"
          android:bottomRightRadius="10dp"
          android:topLeftRadius="10dp"
          android:topRightRadius="10dp" /&gt;
  
  &lt;/shape&gt;
  </code></pre>
  
  <hr>
  
  <p>I want to use color code <strong><code>#2f6699</code></strong> to get a border color like an outline to the <code>EditText</code> text box as below:</p>
  
  <p><img src="https://i.stack.imgur.com/ll2Gf.png" alt="enter image description here"></p>
  
  <p><strong>Any ideas on how to achieve this?</strong> </p>