How can remove underline from TextInputLayout or TextInputEditText

Question

I want remove underline.

Picture showing an underline on Android

This is my code:

<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/textInputLayoutName"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="60dp"
    android:layout_marginStart="5dp"
    android:layout_marginEnd="5dp"
    app:boxCornerRadiusTopStart="20dp"
    app:boxCornerRadiusTopEnd="20dp"
    app:boxCornerRadiusBottomEnd="20dp"
    app:boxCornerRadiusBottomStart="20dp"
    >

    <com.google.android.material.textfield.TextInputEditText
        android:id="@+id/textInputEditTextName"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/register_hint_name"
        android:inputType="text"
        android:textColor="@color/black" />

</com.google.android.material.textfield.TextInputLayout>

just set `android:background="@null"` – Pouria Hemi Dec 13 '20 at 12:13 — Pouria Hemi, Dec 13 '20 at 12:13

score 1 · Answer 1 · answered Dec 13 '20 at 09:55

1

set background like this:

android:background="@android:color/transparent"

or

android:background="@null"

you can also see this answer

answered Dec 13 '20 at 09:55

m.sajjad.s

711
7
19

score 0 · Answer 2 · answered Dec 13 '20 at 09:35

0

just add android:background="" inside TextInputEditText

answered Dec 13 '20 at 09:35

Mohamad_Dan

106
1
4

score 0 · Answer 3 · answered Dec 21 '20 at 10:33

0

You can also create a layout file for the background you wish and set it as: android:background="@layout/nameoffile"

answered Dec 21 '20 at 10:33

Irine B Thayil

11
2

score 0 · Answer 4 · answered Dec 26 '20 at 22:45

You can set below attributes in TextInputLayout to have no width

app:boxStrokeWidth="0dp"
app:boxStrokeWidthFocused="0dp"

Your layout

<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/textInputLayoutName"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="60dp"
    android:layout_marginStart="5dp"
    android:layout_marginEnd="5dp"
    app:boxCornerRadiusTopStart="20dp"
    app:boxCornerRadiusTopEnd="20dp"
    app:boxStrokeWidth="0dp"
    app:boxStrokeWidthFocused="0dp"
    app:boxCornerRadiusBottomEnd="20dp"
    app:boxCornerRadiusBottomStart="20dp">

    <com.google.android.material.textfield.TextInputEditText
        android:id="@+id/textInputEditTextName"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/register_hint_name"
        android:inputType="text"
        android:textColor="@color/black" />

</com.google.android.material.textfield.TextInputLayout>

Preview

How can remove underline from TextInputLayout or TextInputEditText

4 Answers4

Linked