相关疑难解决方法(0)

是否可以在占位符中使用Font Awesome Icon？我读了占位符中不允许HTML的地方.有解决方法吗？

placeholder="<i class='icon-search'></i>"

我想在输入占位符中添加一个图像图标,如下图所示:

请注意,这是占位符,因此当用户开始输入时,图标也会消失.

我使用::-webkit-input-placeholder和来自webkit(Safari + Chrome)的以下解决方案::before.不幸的是,对mozilla的简单应用似乎不起作用.

所以我的问题是:是否有一个跨浏览器解决方案将图像图标添加到输入占位符？

webkit的解决方案:

#myinput::-webkit-input-placeholder::before { 
    content: ' ';
    position: absolute;
    top: 2px; /* adjust icon position */
    left: 0px;
    width: 14px; /* size of a single icon */
    height: 14px;
    background-image: url("/path/to/icons.png"); /* all icons in a single file */
    background-repeat: no-repeat;
    background-position: -48px 0px; /* position of the right icon */
}