Listbox hover and selected style are the same, makes it hard to be distinguished in mobile

   click a checkbox to select only
    <listbox checkmark="true" nonselectableTags="*">
        <listitem>
            <listcell>
                <textbox/>
            </listcell>
        </listitem>
        <listitem>
            <listcell>
                <button label="button"/>
            </listcell>
        </listitem>
        <listitem>
            <listcell>
                <h:input xmlns:h="native"/>
            </listcell>
        </listitem>
        <listitem>
            <listcell>
                you can copy the text with ctrl+c
            </listcell>
        </listitem>
    </listbox>

        .z-listitem:hover>.z-listcell {
            background: #e8ffff;
        }