历史重现:
猜想原因:因为手机app的渲染方式不同,当点击开始时间的输入框时,app没有重新渲染输入框里面的内容,导致一开始就有的时间没有刷新掉,然后js把原本的内容放进输入框内,导致字体重叠现象。(以上是我先猜想,但是实际效果确实图片显示一样)。
修复思路:只有当点击输入框时才发生这个情况,那就当点击输入框时,使输入框的背景颜色为白色,覆盖原本带有时间的背景。
修复代码:
1.在highStorck的js文件中用crtl+f 快捷键找到:“highcharts-range-input”的代码行。
建议最好把堆在一起的js代码格式化一下
2.在上面的操作的代码行往上找,找到 showInput 函数 在css代码 border ,
下面加一行 background:"#ffffff"。使输入框的背景为白色。
3.重新加载你的项目测试。
修复后的效果:
以上是我遇到的情况和解决方案,如果有更好地解释方法或解决方案,请大神回复我!