html - 输入中的 CSS 背景延长

Question

我有一个background-image对于我的body元素。 我已经把input按钮，我希望它们具有相同的 background作为我的body延长中的元素(不再设置background)。 有没有办法用 CSS3 做到这一点？

代码:

body{
    background-image: url("images/fond.jpg");
    background-size: 100% auto;
}

.input-button{
 /* Code here */
}

Answer 1

您可以设置背景:透明

body {
  background: url("//lorempixel.com/1600/900") no-repeat 0 0 / 100% auto;
}
.input-button {
  background: transparent;
  outline: 0;
  border: 0
}

<input class="input-button" type="text" placeholder="I'm a input" />