如何移除或修改Android EditText组件的底部下划线边框颜色

你修改输入框背景不生效的核心原因是：TextInputLayout的默认样式优先级高于内部输入框，会自动覆盖MaterialEditText设置的background属性。

方案1：自定义下划线颜色 #

1. 首先在res/color目录下创建颜色状态选择器text_input_stroke_color.xml，配置不同状态的下划线颜色：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 聚焦状态颜色 -->
    <item android:color="@color/your_focused_color" android:state_focused="true"/>
    <!-- 禁用状态颜色 -->
    <item android:color="@color/your_disabled_color" android:state_enabled="false"/>
    <!-- 默认状态颜色 -->
    <item android:color="@color/your_default_color"/>
</selector>

2. 修改你的TextInput样式，添加下划线控制属性：

<style name="TextInput" parent="Widget.MaterialComponents.TextInputLayout.FilledBox">
    <item name="android:textColor">@color/input_text_color</item>
    <item name="android:textColorHint">@color/hint_text_color</item>
    <item name="android:textSize">11sp</item>
    <item name="colorControlNormal">@color/input_text_color</item>
    <item name="colorControlActivated">@color/hint_text_color</item>
    <item name="android:drawablePadding">20dp</item>
    <!-- 新增下划线相关配置 -->
    <item name="boxStrokeColor">@color/text_input_stroke_color</item>
    <item name="boxStrokeWidth">1dp</item>
    <item name="boxStrokeWidthFocused">1.5dp</item>
</style>

方案2：完全移除默认下划线 #

给TextInputLayout添加boxBackgroundMode属性设为none，即可关闭TextInputLayout自带的背景和下划线，此时你给MaterialEditText设置的background属性就会生效：

<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/TextInput"
    app:boxBackgroundMode="none">

    <com.rengwuxian.materialedittext.MaterialEditText
        android:id="@+id/etMobileNumber"
        android:layout_width="fill_parent"
        android:layout_height="55dp"
        android:digits="0123456789"
        android:hint="@string/enter_receiver_phone_number"
        android:inputType="phone"
        android:maxLength="11"
        android:text=""
        android:textSize="18sp"
        style="@style/EditText">

    </com.rengwuxian.materialedittext.MaterialEditText>

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

注意事项 #

如果设置后出现双层下划线，可给MaterialEditText添加以下属性，隐藏控件自带的下划线：

app:met_baseColor="@android:color/transparent"
app:met_primaryColor="@android:color/transparent"

内容的提问来源于stack exchange，提问作者Salah Uddin