是否可以使用:: after伪类将图像放入<input>？

Question

我只是尝试将图标添加到我的 <输入> 中。此方法（伪类的背景图像）适用于

标记，但不适用于。伪类 :: after 和 交互是否有一些限制？

我已经准备好jsfiddle模板来阐明 div :: after 和 input :: after 的问题比较行为。

在此先感谢可以提供帮助的人！

.some-input {
  height: 120px;
}

input::after {
  content: " ";
  background: url(http://www.apicius.es/wp-content/uploads/2012/07/IMG-20120714-009211.jpg);
  width: 100px;
  height: 100px;
  display: block;
}

<input type="text" class="some-input">

0 个答案:

没有答案