how to set hightlight color to qml listview item

[JoeCFD]

new to qml. I set alternative colors to items inside qml listview. But the highlight color "lightsteelblue" does not show up. What is wrong?

    ListView {
        id: nameListView
        anchors.fill: parent
        snapMode: ListView.SnapToItem
        spacing: 0
        focus: true
        interactive: false
        model: nameListModel

        property int selectedRow: 1

        delegate: Rectangle {
            id: infoDelegate
            width: nameListView.width
            height: menubar.height * 0.8
            color: index % 2 == 0 ? "lightgray" : "black"

            Text {
                anchors.centerIn: parent
                font.pixelSize: 24
                text: itemTime
                color: "white"
            }

            MouseArea {
                anchors.fill: infoDelegate
                onClicked: {
                    nameListView.selectedRow = index
                }
            }
        }

        highlight: Rectangle {
            color: "lightsteelblue"
        }
    }

[JoeCFD]

I have to set the background color of delegate to be transparent since delegate is on top of the highlight color. But more code is needed to reset everything.

[fcarney]

You can set z on your highlight to something like 5. This should raise it above the delegate.

[JoeCFD]

@fcarney This works too. Thanks.