jquery - 我可以使用 css 隐藏文本框的克拉吗？

Question

我知道有很多理由不这样做，但我确实需要这样做。我正在使用 Jquery UI 日期选择器，并且我将文本框的样式设置为看起来像超链接。无论如何，一切都很好，除了当我单击文本框时它有闪烁的克拉。有办法摆脱它吗？

Answer 1

使用隐藏的输入并显示a。当您单击 a 时，它会触发 input 焦点。

Example on jsFiddle

html

<input id="i" type="text" value="select date" />
<a id="open" href="#">select date</a>

js

$("#open").click(function(e){
    e.preventDefault();
    $("#i").trigger("focus");
});

$("#i").focus(function(){
    alert("Open datapicker");
});

不是 CSS 解决方案，但它是一种实现方式...