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>

是否热衷于将标准输入字段更改为图像？

1 个答案: