qml TextInput 修改输入框颜色
时间: 2024-10-10 18:12:07 浏览: 45
Qml:qml写个登录
在Qt Quick中,`TextInput`组件用于用户输入文本,如果你想修改其边框或背景颜色,你可以使用CSS样式来改变它的外观。下面是一个简单的例子说明如何设置文本输入框的颜色:
```qml
import QtQuick 2.0
import QtQuick.Controls 2.0
Rectangle {
id: container
width: 400
height: 100
color: "lightGray"
TextField {
id: textField
anchors.centerIn: parent
placeholderText: "请输入"
// 设置输入框边框颜色
border.color: "blue"
// 设置输入区域背景颜色 (这将覆盖默认的输入颜色)
backgroundColor: "white"
}
}
```
在这个例子中,`border.color`属性用于设置文本框边框的颜色,而`backgroundColor`属性则改变输入区域(即光标所在的地方)的颜色。请注意,`color`属性通常只适用于文本输入框本身(文本字符的颜色)。
阅读全文