Changing font in input

How can I change the font for an input box ?

First, I try to change the font like this but it doesn't work :

var f1 = new AW.UI.Input;
f1.setId("f1");
f1.setStyle("font-size", "10pt");
f1.setStyle("font-family", "Courier");
f1.refresh();

Second, I try to change to create a new "aw-input-myInput" css style but it doesn't work too (I have some special effects on my page) :

var f1 = new AW.UI.Input;
f1.setId("f1");
f1.setClass("input", "myInput");
f1.refresh();

Does anybody knows the solution ?

Thanks in advance,
François.

input box does not inherit the font from the parent element. You should apply your settings directly to the input box -

.aw-input-myInput INPUT {
  font-size: 10px;
  font-family: Courier;
}