如何从Android文本输入中删除下划线?

时间:2014-09-15 12:08:50

标签: android css typescript

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

我正在努力创造一个以主题为主题的'文本输入,其中所有按钮/输入/文本在设备的所有方面看起来都相同,使用DevExtreme(typescript)。

我差不多完成了它,虽然下面显示了我的android问题:

A sample input for 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设备中删除它?

2 个答案:

答案 0 :(得分:0)

你可以将EditText的Background Drawable设置为null

editText.setBackgroundDrawable(null)

答案 1 :(得分:-2)

尝试使用此CSS样式来说明没有下划线的所有链接

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}