如何使用TouchWiz从Android上的input / textarea中删除橙色轮廓/边框

时间:2013-01-24 12:21:29

标签: android css3 cordova user-interface

我的输入风格类似于CSS的全息主题,但在焦点上显示橙色轮廓和白色背景。

我找到了删除此功能的解决方案:

textarea:focus{
  -webkit-user-modify: read-write-plaintext-only;
}

但是此解决方案导致输入时字段内的文本不可见(第一个字母除外)。离开焦点后文字显示出来。

这样的另一种解决方案:

-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 

不起作用......

更多解决方案?

在Android 4.0.1(三星Galaxy SII)上测试过。

1 个答案:

答案 0 :(得分:1)

要删除textarea的轮廓,请尝试:

:focus {
  outline: none; 
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

希望它有所帮助!