How to change the border color(un-focused) of an E

Question

I changed the background color of the EditText to transperant. Now the EditText looks invisible when not focused. So how can I change the un-focused border color of EditText?

What is the XML attribute for this?

Answer 1

Android OS itself adds border to EditText when user focus on it. The color depends on the OS version. Sometimes we might want to get rid of default focus border and there is a way to do it.

We can keep the background color as transparent to remove the EditText border on focus.

     <EditText 
         android:layout_width="fill_parent"
         android:layout_height="wrap_content"
         android:background="#00000000"
      />

Answer 2

To set the background of edittext to transparent you can use following :

android:background="@null"

See following links

Android EditText Transparent Background

setting the background attribute to transparent in editext dynamically

Overriding onDraw() for an EditText widget with a blank implementation has no effect

http://www.androidworks.com/changing-the-android-edittext-ui-widget

Answer 3

You can create a linearlayout with background color the color which you want the border should be. Then place the Edit text inside this Linearlayout and give some background color. Eg : if border is grey then background for Linearview is grey. and edit text background black.

for width of border you can give padding = "1dp" for border_width = "1dp".

Answer 4

Create a XML file with the following in drawable (say backwithborder.xml):

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#00000000" />
    <stroke android:width="1dip" android:color="#ffffff" />
</shape>

and for the EditText user attribute android:background="@drawable/backwithborder"