document.write("<style type=\"text/css\">.sample1:focus { outline :thick double red ; } .sample2:focus { outline :thick inset  navy ; } .sample3:focus { outline :thick outset yellow ; }</style>");
document.write("<ul>");
document.write("<li style=\"padding:.3em 0;\"><input value=\"outline : thick double red ;\" size=\"40\" name=\"sample1\" class=\"sample1\" type=\"text\" /></li>");
document.write("<li style=\"padding:.3em 0;\"><input value=\"outline : thick inset  navy ;\" size=\"40\" name=\"sample2\" class=\"sample2\" type=\"text\" /></li>");
document.write("<li style=\"padding:.3em 0;\"><input value=\"outline : thick outset yellow ;\" size=\"40\" name=\"sample3\" class=\"sample3\" type=\"text\" /></li>");
document.write("</ul>");