我如何使用图标或图像来表示输入类型按钮

时间:2017-03-21 20:59:20

标签: html css image input icons

如何为输入按钮显示图标或img。 谢谢

<input id="likebtn" name="likebtn" type="button">

我希望通过我喜欢的按钮实现类似的功能:

i want to achieve something  like  this  for  my  like  button

2 个答案:

答案 0 :(得分:0)

你可以像这样使用按钮标签:

<button type="button"> whatever text, img and/or icon</button>

答案 1 :(得分:0)

使用此按钮css

&#13;
&#13;
 button {
    display: inline-block;
    height: 134px;
    padding: 0;
    margin: 0;
    vertical-align: top;
    width: 104px;
}

#close-image img {
    display: block;
    height: 130px;  
    width: 100px;
}
&#13;
And your button .
<button id="close-image"><img src="https://i.stack.imgur.com/up2Fw.png"></button>
&#13;
&#13;
&#13;