android - 如何从 Android 文本输入中删除下划线？

Question

我目前正在开发一款适用于 IOS/Android/Windows 手机的多平台应用。

我正在尝试创建一个“主题”文本输入，其中所有按钮/输入/文本通过使用 DevExtreme( typescript )在设备的所有方面看起来都相同。

我几乎完成了它，尽管下面显示了我的 android 问题:

这会在文本输入上显示蓝色“下划线”。对于我的系统，这是不需要的。

有没有一种方法可以编辑我的 css 文件以强制将其从 android 平台上删除？

我之前试过去掉文字修饰:

text-decoration: none;

但这没有用。

有人有任何想法/解决方案来删除它吗？

到目前为止，我的一些 css 文件:

[type=text]{
     padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 2px solid rgba(0, 0, 0, 0); 
  border-color:none;
  -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: #585757;
color:#cfcfcf;
}
[type=text]:focus{ 

    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 2px solid rgba(81, 203, 238, 1); 
  -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: #585757;
color:#cfcfcf;
}

[type=text]:active{
    margin: 5px 1px 3px 0px;
    border: 2px solid transparent;   

    border-color: blue;
    -webkit-box-shadow: 0 0 8px blue;
       -moz-box-shadow: 0 0 8px blue;
            box-shadow: 0 0 8px blue;

            -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: #585757;
color:#cfcfcf;

}

是否有一个元素可以从 Android 设备中删除它？

Answer 1

你可以通过将 EditText 的 Background Drawable 设置为 null 来做到这一点

editText.setBackgroundDrawable(null)