クリアボタンみたいなの
「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みたいにマウスオーバー時だけ出したかったけど、モックなのでひとまずこれで・・・
Author And Source
この問題について(クリアボタンみたいなの), 我々は、より多くの情報をここで見つけました https://qiita.com/anegojp/items/a93ed2378de9b9337163著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .