TextField使用TextFieldStyle比较不同的边距

Question

当我尝试使用TextFieldSyle时，我会获得不同的内部边距，但我只需设置border.color: "gray"和color: "lightgray"。

为什么使用TextFieldSyle：

1. 文字更高。看似OK，占位符文字。
2. 更大的左边距
3. TextField s周围的虚线边框是什么？

带文字



带有占位符文字的



import QtQuick 2.2
import QtQuick.Layouts 1.1
import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.3

Item {

    TextField {
        id: noStyle
        x: 0
        y: 0
        width: 100
        height: 24
        text: ""

        font.pixelSize: 20
        placeholderText: "0.0"
    }


    TextField {
        transformOrigin: Item.BottomLeft
        id: withStyle
        x: 0
        y: -46
        width: 100
        height: 24
        text: ""
        smooth: true
        enabled: true

        font.pixelSize: 20
        placeholderText: "0.0"

        style: TextFieldStyle {

            background: Rectangle {
                border.color: "gray"
                color: "lightgray"
            }
        }
    }
}