用Jquery设置的图标显示为值

Question

我正在用Jquery创建一个搜索栏，我正在创建像这样的提交按钮:

var search_button = $("<input />", {
                            type: "submit",
                            name: "search_button",
                            value: "&#128269;",
                            class: "search_button"
                        });

对于按钮，我使用了打字搜索图标，因此使用了"🔍"。我已经在CSS中包含了字体类型，并在类中设置了它，但是在html中它显示为"🔍"而不是放大镜图标。为什么出现的是原始文本而不是图标?

CSS:

.search_button {
    cursor: pointer;
    display: inline-block;
    border: 0px;
    background-color: lightgrey;
    font-family: 'EntypoRegular';
    color:darkgrey;
    font-size: 35px;
    line-height: 1px;
    padding: 0px;        
    height: 20px;
    width: 150px;
    margin: 7px 0px;
    left: 15.4%;
}

Answer 1

这可能是你用jQuery插入的方式。这可能是jQuery的问题。试试这个:

var search_button = $('<input'
    + ' type="submit"'
    + ' value="&#128269;"'
    + ' class="search_button"'
    + ' name="search_button"'
  +' />').appendTo('body');