如何在gmail中使用javascript在动态按钮中设置图像和字体大小？

我用下面的代码在gmail页面上设置了一个按钮

var btn1=document.createElement('input');
btn1.type='button';
btn1.value='mybutton';
btn1.id='btn10';

我想在此按钮中设置图像。我尝试使用

btn1.backgroundImage = 'url(images/aaa.png)';
btn1.background = 'url(images/aaa.png)';

但是该按钮中没有设置图像，我尝试更改

btn1.value='mybutton'的字体大小它也不工作

btn1.style.fontFamily = "arial";
                btn1.style.background = "#3C80EE";
                btn1.style.color = "white";
                btn1.style.Text ="small";

在上面的代码中，只能在button.fontFamily中设置背景和颜色，无法更改。
文本样式完全减少了按钮大小，而不仅仅是字体大小

那么，如何使用Javascript更改字体大小以及如何设置gmail页面中的背景图像呢？
试试看

btn1.style.backgroundImage = 'url(images/aaa.png)';
or
btn1.style.background = 'url(images/aaa.png)';

可能是您的小写“arial”导致了字体系列问题。尝试使用“Arial”

使用Object.style.fontSize控制按钮字体大小
@Grimmus:您的所有建议都已尝试过，但都不起作用。您可以发布小提琴吗？