How to change the color of line at the bottom in EditText?

Question

I know this question has been asked before but that solution are not working in my case. I want to change edit text bottom line color and tried the solution from other links to add this line to theme in styles.xml

<item name="colorControlNormal">#c5c5c5</item>

but somehow this is not working in my case. I tried changing base theme but still not working for me. And I want to do this with all editext in my app, not just only one. Are there any other ways of doing it??

are you using appcompact activity?? – Madhur Dec 31 '15 at 05:35 — Madhur, Dec 31 '15 at 05:35
Check #Rohit Heera's answer – IntelliJ Amiya Dec 31 '15 at 06:10 — IntelliJ Amiya, Dec 31 '15 at 06:10
Plz post your layout and style files code – Akash Jagtap Dec 31 '15 at 06:25 — Akash Jagtap, Dec 31 '15 at 06:25

Sharath · Answer 1 · 2015-12-31T05:56:07.743

3

Edit Style.xml under values folder.

<style name="Theme.App.Base" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorControlNormal">#c5c5c5</item>
    <item name="colorControlActivated">#c5c5c5</item>
    <item name="colorControlHighlight">#c5c5c5</item>
</style>

edited Dec 31 '15 at 05:56

answered Dec 31 '15 at 05:42

Sharath

691
8
23

I have written that's not working . Why not you read the question carefully – Vivek Mishra Dec 31 '15 at 05:44
You dint add colorControlActivated and colorControlHighlight? – Sharath Dec 31 '15 at 05:49
I don't want them so I didn't added them – Vivek Mishra Dec 31 '15 at 05:50
I am able to change activated color but somehow Normal is not working – Vivek Mishra Dec 31 '15 at 05:54

score 1 · Answer 2 · edited Dec 31 '15 at 05:48

1

create a file edittextborder.xml in drawable folder and write

 ?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">

        <item><shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
                <solid android:color="#ffffff" />


            </shape></item>

    </selector>

and Set this file as:

android:background="@drawable/edittextborder"

in editText.

edited Dec 31 '15 at 05:48

Vivek Mishra

5,669
9
46
84

answered Dec 31 '15 at 05:45

Rohit Heera

2,709
2
21
31

I don't want it on selecting edit text . I want it to be white by default – Vivek Mishra Dec 31 '15 at 05:49
yes it make your edittext bydefault it is not on selection – Rohit Heera Dec 31 '15 at 05:55
ok let me try then I will tell – Vivek Mishra Dec 31 '15 at 05:57
Just try once it will definately solve your problem – Rohit Heera Dec 31 '15 at 05:57
this is filling whole editext with color provided in the shape – Vivek Mishra Dec 31 '15 at 06:27
you set the transparentcolor instead of white – Rohit Heera Dec 31 '15 at 06:28
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/99377/discussion-between-vivek-mishra-and-rohit-heera). – Vivek Mishra Dec 31 '15 at 06:33

score 1 · Answer 3 · answered Dec 31 '15 at 06:57

1

This can be changed in xml by using:

android:backgroundTint="@color/blue"

answered Dec 31 '15 at 06:57

Jigar Shekh

2,800
6
29
54

tint requires minimum android version 21 – Vivek Mishra Dec 31 '15 at 06:57
you want to bottom line same color when its not focus? – Jigar Shekh Dec 31 '15 at 07:03
problem is now solved but as you are asking. As activity opens all editext bottom line color were black and were changing to white when focused.White part was desired behaviour but I wanted to change color when not focused – Vivek Mishra Dec 31 '15 at 07:05

Manikandan Selvanathan · Answer 4 · 2015-12-31T05:57:39.297

0

I preferred to use 9 patch images for edit text custom color. Android 9 patch generator online

This is awesome online tool generator for all widgets.Android Holo colors

generate and download for every dpi folder. and apply it using background.

edited Dec 31 '15 at 05:57

answered Dec 31 '15 at 05:51

Manikandan Selvanathan

885
10
20

score 0 · Answer 5 · answered Dec 31 '15 at 05:51

Solution follows as below-

I want u to visit Android Holo Colors Generator.
Provide a Theme name and select a color u want.
Select the components u want to change the color. In ur case its Edittext.
Finally click on Download Zip.
Extract the Zip and use it in ur proj.

score 0 · Answer 6 · answered Dec 31 '15 at 05:54

Try this one,

.xml file

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="5dp"
    android:padding="5dp">

    <EditText
        android:id="@+id/text_to"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/customborder" //.xml file for edittext
        android:clickable="true"
        android:padding="5dip"
        android:text="Text_to"
        android:textColor="@color/black"
        android:textSize="@dimen/font_normal_size" />
</LinearLayout>

customborder.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners
        android:radius="2dp"
        android:topRightRadius="0dp"
        android:bottomRightRadius="0dp"
        android:bottomLeftRadius="0dp" />
    <stroke
        android:width="1dp"
        android:color="@android:color/white" />
</shape>

is your problem solved ? @ Vivek Mishra – Amit Vaghela Dec 31 '15 at 10:43 — Amit Vaghela, Dec 31 '15 at 10:43
no this also creates complete border all sides – Vivek Mishra Dec 31 '15 at 13:38 — Vivek Mishra, Dec 31 '15 at 13:38

score 0 · Answer 7 · edited May 23 '17 at 12:26

Using Rohit's answer and a hack provided from this link Android Bottom Stroke only.I was able to achieve my desired behaviour. Here is the code for drawable folder file.

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>
        <shape android:shape="rectangle" >
            <solid android:color="@android:color/transparent" />
        </shape>
    </item>

    <item android:top="-2dp" android:right="-2dp" android:left="-2dp">
        <shape>
            <solid android:color="@android:color/transparent" />
            <stroke

                android:width="1dp"
                android:color="#FFFFFF" />
        </shape>
    </item>

</layer-list>

How to change the color of line at the bottom in EditText?

7 Answers7