需求:
一个可以下拉选择项目的搜索器,根据项目不同使用 input、select、datePicker
本来这个需求并不难,只是条件渲染就可以完成了,做的差不多之后发现,逻辑很简单,关键是这样式也太难调了吧!!
先看一下最终的成果
因为是想要做成一个这个样式,所以select自身的边框和focused、hover的样式都要覆盖掉。
这些其实我试了很多办法之后发现,最有用的就是 深度选择器 &
需求:
一个可以下拉选择项目的搜索器,根据项目不同使用 input、select、datePicker
本来这个需求并不难,只是条件渲染就可以完成了,做的差不多之后发现,逻辑很简单,关键是这样式也太难调了吧!!
先看一下最终的成果
因为是想要做成一个这个样式,所以select自身的边框和focused、hover的样式都要覆盖掉。
这些其实我试了很多办法之后发现,最有用的就是 深度选择器 &