android - 将 Android 设备上的 float 从蓝色更改为白色

Question

有没有办法改变 ionic 元素中 float 标签的颜色？ IE。输入字段具有焦点时标签的颜色。

在 iOS 上，我在 float 时使用的颜色是我赋予它的颜色，但在 Android 设备上，标签在 float 时会变为蓝色。

在我的代码中我使用:

<ion-label color="white" class="login-label" floating>

和:

.login-label:focus {
  color: white;
}

Answer 1

有两种方法可以做到，并且都需要 javascript。这不能仅使用 CSS 来完成。

首先，您可以使用 javascript 检测用户代理是否为 android。

var ua = navigator.userAgent.toLowerCase();
var isAndroid = ua.indexOf("android") > -1;
if(isAndroid) {
   ...add a class OR change color directly as shown below..
}

其次，如果是 android，您可以将一个类添加到您的正文 (.android) 并使用该类 (.android .login-label:focus) 或者直接使用 javascript 来改变焦点的颜色。

if(isAndroid) {
  var input = document.getElementsByClassName("login-label")[0];
  input.addEventListener("focus", function () {
    this.style.color = "white";  
  });
}

更新:

将颜色属性绑定(bind)到有效的元素:

<ion-label [style.color]="labelColor" color="white" class="login-label" floating>