Javascript 使用jquery清除元素的属性

我正在设计一个基本表单。我有一个输入文本和一个按钮。当我点击按钮时，如果“输入文本”中没有文本，则“输入文本”中会出现一个“x”图标

我把这个图标和jquery放在一起。但是我不知道如何移除它。我想在用户单击输入文本内部时清除此图标。这是我的jquery代码

$('#lbl1').click(function () {
  if ($("#fill").val().length==0) {
        $("#fill").css({ background: "url(image/cikis.png) no-repeat right"});
  }
});

$('#fill').click(function () {
     //some codes here
});

以下是我的html行：

 <label id="lbl1">Tıklama </label>
 <input type="text" id="fill" />

Tıklama

您可以这样实现

$('#fill').click(function () {
     $(this).css( "background-image", "none");
});

---

请参见此工作示例：

---

只是一个简单提示：如果要使用默认文本而不是图像，您可以使用html5占位符来实现这一点。不，我试过了。没有重复的。@AliSağrvelioğulları是的，对不起，我误读了你的问题只是出于好奇，为什么需要一个可点击的标签。那是什么用户界面？实际上，这是因为我研究的主题。

$('#fill').click(function () {
     $(this).css( "background-image", "none");
});

$(document).on("focus", "#fill", function (event) {
        $(this).filter(function () {
            return $(this).val() == ""
        }).css("background", "url(http://beoplay.com/resources/sbv-custom/img/linkbuttons/close-icon.png) right no-repeat transparent");
    });

    $(document).on("blur", "#fill", function (event) {
        $(this).filter(function () {
            return $(this).val() == "" 
        }).css("background-image", "none");
    });