「IE10はテキストボックスにクリアボタン出るじゃん、あれつけてよ」
って言われたのでそれっぽいの作った
まぁ 横に☓ボタン追加しただけですけどね。
$(".clearField").each(function(){
var targrt = $(this);
$(this).after(
$('<span>', {id : 'clearButton_' + $(this).attr('id') })
.button({
icons : {
primary: 'ui-icon-close'
},
text : false
})
.width(11)
.click(function(){
targrt.val("");
})
);
});
clearField
クラスが入ったフィールドの横にバツボタンを追加し、クリックでクリアします。
ボタン画像にはjQuery UI も使用してます。
本当はIE10みたいにマウスオーバー時だけ出したかったけど、モックなのでひとまずこれで・・・