在鼠标悬停时在只读输入框中显示清除按钮

Question

<input id="my-input" type="search" />

显示 'x' 以清除鼠标悬停时的输入。

当我这样做时，这种行为就消失了

<input id="my-input" type="search" readonly="readonly">

我不得不将我的日期选择器输入框设为只读：

$("#my-input").datepicker({ dateFormat: 'yy-mm-dd' }).attr('readonly', 'true');

如何保留此只读输入框以前的行为？

Answer 1

<input id="my-input" type="search" />

和

$("#my-input").datepicker({ dateFormat: 'yy-mm-dd' }).keydown(function(e) {
    e.preventDefault();
    return false;
});

似乎实现了我的目标。

Show clear button in readonly input box on mousehover