在.hbs ember模板文件的占位符中添加图像

Question

我想在ember中将图像添加到.hbs模板文件中。我不构建应用程序我只是简单地尝试设置基本的待办事项列表应用程序。

<section class='todoapp'>
  <header id='header'>
    <img src="../assets/logo2.png" />
    {{input type='text'
            class='new-todo'
            placeholder='What else is in your wallet?'
            value=newTitle
            enter='createTodo'}}
  </header>

我的目标是在有人点击inputer字段之前在占位符字段旁边添加图片。我假设我不能用值添加它，所以我用css中的.new-todo类做一些事情来删除图像？

Answer 1

使用css：

background: url('[url]') no-repeat; background-position: 10px;

调整背景位像素。

如果要在聚焦元素时隐藏图像，请使用：focus，in css并设置background: none;：

.element-class:hover { background: none; }

此外，它可以在HTML中使用 contenteditable 创建一个div，并且在其中您可以创建一个新的占位符函数（一个在元素中添加自己的占位符的函数，具有contenteditable） javascript，因此您可以将图像添加到占位符。