document.write("<style type=\"text/css\">.sample1:focus { outline :thin solid orange ; } .sample2:focus { outline :medium solid  orange ; } .sample3:focus { outline :thick solid  orange ; }</style>");
document.write("<ul>");
document.write("<li style=\"padding:.3em 0;\"><input value=\"outline-width : thin ;\" size=\"40\" name=\"thin\" class=\"sample1\" type=\"text\" /></li>");
document.write("<li style=\"padding:.3em 0;\"><input value=\"outline-width : medium ;\" size=\"40\" name=\"medium\" class=\"sample2\" type=\"text\" /></li>");
document.write("<li style=\"padding:.3em 0;\"><input value=\"outline-width : thick ;\" size=\"40\" name=\"thick\" class=\"sample3\" type=\"text\" /></li>");
document.write("</ul>");