CSS::后台不显示后

CSS::后台不显示后,css,Css,我试图在div元素之后显示一个勾号图像。我尝试了几种CSS属性的组合,但我似乎无法找到正确的方法 对类似问题的回答对我没有帮助 HTML: 小提琴:它显示的是背景,问题是背景的大小太大,你只能看到它的空白,给你的背景一个大小和位置,它就会工作: .link-input-container::after { display: block; content: ""; width: 64px; height: 64px; background: transparent url('h

我试图在div元素之后显示一个勾号图像。我尝试了几种CSS属性的组合,但我似乎无法找到正确的方法

对类似问题的回答对我没有帮助

HTML:


小提琴:

它显示的是背景,问题是背景的大小太大,你只能看到它的空白,给你的背景一个大小和位置,它就会工作:

.link-input-container::after {
  display: block;
  content: "";
  width: 64px;
  height: 64px;
  background: transparent url('https://cdn0.iconfinder.com/data/icons/weboo-2/512/tick.png') no-repeat;
  background-size:contain;
  background-position:center;
}

它显示的是背景,问题是背景的大小太大,你只能看到它的空白,给你的背景一个大小和位置,它就会工作:

.link-input-container::after {
  display: block;
  content: "";
  width: 64px;
  height: 64px;
  background: transparent url('https://cdn0.iconfinder.com/data/icons/weboo-2/512/tick.png') no-repeat;
  background-size:contain;
  background-position:center;
}

您的背景图像比实际的
div
要在
元素之后添加
::的图像大

尝试在CSS中添加以下内容:

.link-input-container::after {
  display: block;
  content: "";
  width: 64px;
  height: 64px;
  background: transparent url('https://cdn0.iconfinder.com/data/icons/weboo-2/512/tick.png') no-repeat;
  background-size: 100%;
}
你可以在这里看到:


您的背景图像比实际的
div大
您要在
元素之后添加
::

尝试在CSS中添加以下内容:

.link-input-container::after {
  display: block;
  content: "";
  width: 64px;
  height: 64px;
  background: transparent url('https://cdn0.iconfinder.com/data/icons/weboo-2/512/tick.png') no-repeat;
  background-size: 100%;
}
你可以在这里看到:


哦。。从来没想过。谢谢我怎样才能使它位于div的右边?或者如果你想让它位于输入的右边而不是div哦。。从来没想过。谢谢我如何使它位于div的右边?或者如果你想它转到输入的右边而不是div