Html li 100%宽度带滚动的用户界面

我有一个带有水平滚动条的列表，我需要更改列表项的颜色，但如果我将滚动，我将看不到项目上的样式，因为项目的宽度并没有覆盖整个列表宽度

ul{
最大宽度：250px；
溢出：滚动；
边框：1px纯红；
填充：0；
保证金：0；
}
李{
空白：nowrap；
列表样式：无；
}
李：悬停{
光标：指针；
背景：#ccc；
}

sdjaflkjasd lfkjsadjf lksadjf ljadslfj lasdjfl jasf
asdf asdf dsaf
数字减影血管造影
sd-afdsa-fdsaf
悲伤的，悲伤的

使用

显示：网格

ul{
最大宽度：250px；
溢出：滚动；
显示：网格；
边框：1px纯红；
填充：0；
保证金：0；
}
李{
空白：nowrap；
列表样式：无；
}
李：悬停{
光标：指针；
背景：#ccc；
}

sdjaflkjasd lfkjsadjf lksadjf ljadslfj lasdjfl jasf
asdf asdf dsaf
数字减影血管造影
sd-afdsa-fdsaf
悲伤的，悲伤的

内联块+最小宽度：100%Temaniaf如果，不幸的是，如果您滚动一点并将鼠标悬停在短元素上，您将看到相同的结果。添加

显示：网格到ul@TemaniAfif，@TemaniAfif，嗯，
display:grid看起来不错，非常感谢！