html使圖像按鈕尺寸等於圖像尺寸

我正在使用input type = 'image'元素作爲切換暫停/啓動代碼的圖標。但是，當我使用圖標時，圖像比按鈕本身小得多（未設置按鈕的任何尺寸）。有沒有一種方法可以使按鈕的尺寸與其src屬性中的圖像相等，而不用硬編碼圖像本身的寬度和高度？我看過的例子只是使用硬編碼的寬度和高度。順便設置硬編碼的寬度和高度不起作用。html使圖像按鈕尺寸等於圖像尺寸

來源

2015-02-06 user1849060

你有一些自由的HTML或你不得不使用一個按鈕？使用一個簡單的錨定標籤，並把你的圖像作爲內容在你的HTML會做的伎倆，用一點的JavaScript來執行提交... – 2015-02-06 14:48:44

多數民衆贊成它是如何工作的默認 – atmd 2015-02-06 14:49:51

我以前這樣做，但我必須符合WAG 1.1有關在鼠標不可用的情況下使用鍵盤的信息。通過將圖像包裝在''標籤中，它是可以放置的，但不會發生切換。 – user1849060 2015-02-06 14:50:37

設置類型圖像的輸入。即

<input type="image" src="http://placehold.it/20x20" />

大小將默認爲圖像的大小。這是一個jsbin to demo。有可能你有其他的CSS影響按鈕

來源

2015-02-06 14:49:16 atmd

這是正確的。我在CSS的圖像的左側和右側有一些填充。刪除這個按鈕後，按鈕恢復到圖像的大小。謝謝。 – user1849060 2015-02-06 14:52:48

沒問題，很高興我能幫上忙 – atmd 2015-02-06 14:55:28

html使圖像按鈕尺寸等於圖像尺寸

回答

相關問題