QML如何动态改变TextArea的颜色？

TextArea {
    id: textArea
    color: "black" // 设置初始颜色为黑色
    // 其他属性设置...
}

Rectangle {
    width: 200
    height: 200
    color: "lightgray"
    
    MouseArea {
        anchors.fill: parent
        onClicked: {
            textArea.color = "red" // 点击时改变颜色为红色
        }
    }
}

TextArea {
    id: textArea
    signal colorChanged(string newColor)
    // 其他属性设置...
}

Rectangle {
    width: 200
    height: 200
    color: "lightgray"
    
    Connections {
        target: textArea
        onColorChanged: {
            textArea.color = newColor // 改变颜色为信号传递的颜色值
        }
    }
    
    MouseArea {
        anchors.fill: parent
        onClicked: {
            textArea.colorChanged("blue") // 点击时发送信号，传递颜色值为蓝色
        }
    }
}