帶有純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設置按鈕的背景圖像。