如何讓按鈕圖像填充它？

我想要的圖像應用到的xtype =「按鈕」但是當我做我的按鈕看起來像這樣如何讓按鈕圖像填充它？

enter image description here

我怎樣才能使這一形象填補了這一按鈕？

代碼（煎茶觸摸2個JS）：

 { 
      xtype: 'button', 
      width: 140, 
      height: 60, 
      margin: 10, 
      right: 20, 

      text: 'Enter', 
      html: '<img src="resources/images/Dbutton.png"/>' 
     }

來源

2012-07-27 thiagocfb

發佈的CSS和HTML代碼 – CoreyRS 2012-07-27 19:11:23

只是添加它的代碼！ – thiagocfb 2012-07-27 19:28:26

如果圖像是在按鈕上的背景圖像，然後使用CSS屬性background-size。

.mybutton { 
    background-size: cover; 
}

請注意，這不適用於IE8或更早版本。如果您需要IE8支持，您需要使用polyfill javascript。試試這個：https://github.com/louisremi/jquery.backgroundSize.js

希望有所幫助。

來源

2012-07-27 19:20:07 Spudley

這個CSS工作就像一個魅力！謝謝！！ – thiagocfb 2012-07-27 19:31:10

沒問題。很高興幫助。如果你需要它在IE8中工作，請確保你實現了它的解決方法，並在該瀏覽器中進行測試。 – Spudley 2012-07-27 19:37:04

對所有的瀏覽器，更改HTML到

<input type='image' src='filename.png' width='25' height='25' name='whatever' value='submit' />

此使用圖像作爲一個提交按鈕。

來源

2012-12-28 15:34:06 beuki

太棒了！我會試試:) – thiagocfb 2012-12-31 00:05:44

如何讓按鈕圖像填充它？

回答

相關問題