带有纯HTML/CSS图像的按钮

Question

是否有将图像添加到除文本外的常规<input type = "button" />的方法？

Answer 1

我们可以有css的按钮。

 

background: url(images/blue.png) ; 

Answer 2

按钮中的图像或图像作为按钮？

图像按钮：

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

内按钮图像....我不这么认为。

Answer 3

你想要的“图像”输入型

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

Answer 4

是 - 你应该能够设置在CSS按钮的背景图像。我的首选方法是使用按钮标签，例如

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

你可以把任何你想要的html内容放在标签中并对其进行设计。

Answer 5

按钮在HTML（对于位置我通常放在一个文件夹中的图像的所有图像）

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

按钮，通过CSS，其中myBtn在类文件中定义

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

其中myBtn在类文件中定义

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

Answer 6

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

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