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