html - 将标准输入字段更改为图像很热门？

Question

将标准输入字段更改为图像很热门？

<input class="FeedBack" type="text" placeholder="Full name"><br>
<input class="FeedBack" type="email" placeholder="mail@mail.ru"><br>
<textarea class="FeedBack" cols="30" rows="10"></textarea><br>

https://jsfiddle.net/5fnvt1mu/

我想使用此图像而不是标准输入字段 https://ibb.co/3dwx295

Answer 1

您需要使用 CSS 来设置输入字段的样式。

.FeedBack {
    border-radius: 10px;
    width: 450px;
    padding: 20px 10px;
    border: 1px solid lightblue; /*change to whatever colour you want */
    color: lightgray; /*change to whatever colour you want */ 
}

这个看起来是：

.FeedBack {
  border-radius: 10px;
  width: 450px;
  padding: 20px 10px;
  border: 1px solid lightblue; /*change to whatever colour you want */
  color: lightgray; /*change to whatever colour you want */ 
}

<input class="FeedBack" type="text" placeholder="Full name"><br>
<input class="FeedBack" type="email" placeholder="mail@mail.ru"><br>
<textarea class="FeedBack" cols="30" rows="10"></textarea><br>