为了这个效果,在网上找了基于 jQuery-Mobiscroll 的插件,可是这个插件在移动端会出现蓝色光标不断闪烁的问题,之后又找了其他几个相思的插件都会在 ios 上出现蓝色光标闪烁,想问下有什么办法可以解决这个问题

[zebulon]

http://ww2.sinaimg.cn/mw690/ae3ee2f3gw1eyhwwk3ytjj20b70jndgz.jpg

[zebulon]

怎么才能发图片啊

[FuryBean]

在弹出这个日期框的时候，执行一下 document.activeElement.blur();

[marvinwilliam]

editable 设为 false 可以不？那个光标是因为可编辑所以出现的

[zebulon]

@marvinwilliam 还是不行,光标依然会出现

[zebulon]

@FuryBean 这样光标确实没了,不过日期也没了

[Librazy]

我的第一反应是设置光标颜色和背景色相同。

[Librazy]

或者在 CSS 里面引用一个颜色相同的 cur 文件？

[banri]

换个思路，避开这个问题：

模拟一个假的输入框，把真的输入框隐藏
点击真的输入框触发假输入框的 focus 事件
然后监听真输入框的 change 事件，将里面的值复制给模拟的假输入框

[banri]

@banri 说反了，点击假的 触发 真的

[zebulon]

@Librazy 这样的话输入框里面的文字也会与背景色一样了

[zebulon]

@banri 好的,我试试

[zebulon]

@banri 用了这个办法算是解决了这个问题,谢谢 啊

[zebulon]

@zebulon 但是我把真的那个给隐藏后就不能触发真的那个的事件了

[domty]

样子看起来像 mobiscroll 啊
我以前好像做过类似的

[domty]

mobiscroll 的做法貌似是把整个 input text 做成 disable 的了，调调背景颜色让它看上去像正常可用的 input 就行

[zebulon]

@domty 对,就是 mobiscroll,可是 input 的蓝色光标闪烁会到最上面来,如图所示

[ljcarsenal]

Input 设置个 readonly 属性