带有纯HTML / CSS图像的按钮

Question

除了文本，是否可以将图像添加到常规<input type = "button" /> ？

Answer 1

Yes - you should be able to set the background image on the button in CSS. My preferred method is to use the button tag eg

<button type="submit">text</button>

You can put any html you want within the tag and style it.

Answer 2

您需要“图像”输入类型

<input type="image" src="/path/to/image.png" value="Click here" size="32,32" border="0" />

Answer 3

We can have css for button .

background: url(images/blue.png)  ;

Answer 4

Button in HTML (For location I'd normally place all images in a images folder)

<BUTTON type="submit" src="/images/Button.png" value=""> 

Button via CSS , where myBtn is defined in the class file

<BUTTON type="submit" class="myBtn" value=""> 

Where myBtn is defined in the class file

.myBtn{ 
background: url(/images/Button.PNG) no-repeat; 
cursor: pointer; 
width: 140px; 
height: 80px; 
border: none; 
} 

Answer 5

<input type="button" style="background-image:url(flower.jpg)" value="Click">

它将使用HTML设置按钮的背景图像。

Answer 6

An image in the button or an image as the button?

Image AS button:

<input type="image" src="/images/myImage.png" alt="An image as a button"/>

Image inside button....I don't think so.