Как установить изображение и размер шрифта в динамической кнопке, используя JavaScript в Gmail?

я сделал, чтобы установить кнопку на странице 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 не может быть изменен. Стиль текста полностью уменьшает размер кнопки, а не только размер шрифта.

Итак, как изменить размер шрифта и как установить фоновое изображение на этой странице Gmail с помощью Javascript?