聚焦時如何更改Ionic 5中的輸入字段顏色？

Question

我想在聚焦時更改輸入字段的顏色。 它只是灰色，當它被以下函數聚焦時，只要我不輸入或點擊該字段。

export function autofocus() {
    let blanks = document.querySelectorAll(".blank")
    let textfield = document.getElementById("textfield")

    if (blanks.length > 0) {
        document.querySelectorAll(".blank")[0].setFocus()
    }
    else if (textfield) {
        document.getElementById("textfield").setFocus()
    }
}

負責它的類是：

:host(.ion-focused) .item-native::after {
    background: var(--background-focused);
    opacity: var(--background-focused-opacity);
}

不幸的是，它是 Shadow DOM 的一部分。 有誰知道，如何解決？ 不透明度應該為零。

Answer 1

解決了。

ion-item.ion-focused::part(native)::after {
    opacity: 0!important;
  }

對我有幫助的資源：

• https://ionicframework.com/docs/theming/css-variables
• https://ionicframework.com/docs/theming/css-shadow-parts