uniapp (小程序)uni-datetime-picker组件点击x清除组件内容很难点到

原创已于 2022-09-13 13:37:36 修改 · 2.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

于 2022-05-22 17:06:16 首次发布

前端_UI 框架专栏收录该内容

18 篇文章

订阅专栏

这篇博客主要讨论了在uni-datetime-picker组件中遇到的问题，即输入标签遮挡图标。作者提供了一个解决方案，通过修改源码样式，将input标签的位置调整，以确保图标可见。同时，代码示例展示了如何添加cursor:pointer属性以实现点击交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因为uni-datetime-picker组件源码中input标签盖住了图标，修改源码样式即可。

.uni-date-editor--x {
position: relative;
display: flex;
flex-direction: row;
}

.uni-date-editor--x .uni-date__icon-clear {
display: inline-block;
box-sizing: border-box;
border: 9px solid transparent;
/ #ifdef H5 /
cursor: pointer;
/ #endif /
}