UI要求🔽

选中栏底部改为灰色背景色且加上圆角

一开始用的默认样式🔽

html css

这时候发现他的选中区域上下有两条横线，我们要做的是把这两条线去调掉，然后给选中的区域背景色改成灰色，且加上一个圆角

快下班了，时间仓促就不写中间遇到的问题了，直接给解决方案吧，以后有空再补上

经过好多次尝试、发现他的默认选中border是在伪元素上的（编译器中没有发现他的伪元素样式，但是修改了有用）。然后他的pikerview上有一个蒙层，如果直接修改他选择器中间选中框（indicator-class）的背景色他是会覆盖在文字上面的。但是在不断尝试中发现了这个样式上面有个z-index，这时候我就想到了修改这个z-index来把这个选中的蒙层降低他的层级。

这样就实现了UI需要的样式要求

如果还有好的优化方案希望各位大佬可以指点一二