Firefoxでカスタムボタンを作成すると、ボタン画像のサイズを変更できません。

Question

私は自分のカスタムボタンをFirefoxで正常に作成しました。それで、私は以下のコードを使ってカスタムアイコンを配置しました（これは私の望むように機能します）。私のソースイメージは実際には望むサイズより大きくても小さくても問題ありません。ツールバーのアイコン）。だから私がやりたいことは、コードの中のイメージを、何らかの形でハードコードされたサイズに、そしてオプションで他のボタンのアイコンのサイズにサイズ変更することです。

私は多くのグーグルを行っており、画像エディタで画像のサイズを変更し、そのサイズ変更されたバージョンを使用する以外に、何か解決策が見つかりませんでした。私のコメントアウトされたコードはすべて、画像サイズを変更しようとしたものの一部です。何も働かなかった。

私が不思議に思っているもう一つのことは、カスタムボタンを作るために私がどのような機能とプロパティを利用できるかについての良い文書をどこで探すことができるかということです。私はカスタムボタンのウェブサイトを試しました。つまり私は基本的にちょうど私がもう試していないより良い例が出てきていないので、この時点で推測しています。

.custombutton     
    {-moz-image-region: rect(0px 24px 24px 0px);} 

動作しませんでした：

var profilePath="file:\\" + Components.classes["@mozilla.org/file/directory_service;1"].getService(Components.interfaces.nsIProperties).get("ProfD", Components.interfaces.nsIFile).path 
var myImageDirRelativePath="/testicons/" 

var myImage="Next.ico" 

this.image=profilePath + myImageDirRelativePath + myImage 

//this.style.width=500 
//this.style.height=500 

//this.width=50 
//this.height=40 

//this.image.height=5 
//this.image.width=5 

//this.region=new rect(0px, 24px, 24px, 0px) 

私はまた、次のプロパティを設定してみました。

Answer 1

画像自体ではなく画像ラッパーのサイズを変更しているようです。最初に画像を作成し、それを適切な場所に追加します。

​var img = document.createElement('img');​ 
img.src = "image.png"; 
img.height = 200; 
img.width = 200; 
$('targetwrapper').append(img);