背景图像与输入类型文本如何设置大小

Question

为什么我的背景不适合输入？

这是我的HTML代码：

chown apache:apache html

和一些css：

testDir

这里也是codepen

Answer 1

您可以将background-size设置为100% 100%，将background-position设置为50%，将background-repeat设置为no-repeat

＆＃13;

＆＃13;

.background {
  background-image: url("http://icons.iconarchive.com/icons/paomedia/small-n-flat/1024/sign-check-icon.png");
  background-size: 100% 100%;
  background-position: 50%;
  background-repeat: no-repeat;
}

＆＃13;

<input type="text" class="background" />

＆＃13;

＆＃13;

＆＃13;

codepen http://codepen.io/anon/pen/xOQkbQ