Question

美化表单中输入框

怎样美化表单中的输入框

Answer 1

边框是蓝色，看起来很干净。这样的表单做出来页面效果很好。我用过这样的。 <style type="text/css"> <!-- .up { border: 1px solid #ccddff;color:#999999 } .over { border: 1px solid #3366ff;color:#333333 } --> </style> <script> var LastInput=null var OnInput=0 function chinput(){ if (LastInput!=null && event.srcElement.tagName!="INPUT") {LastInput.className="up";LastInput=null;OnInput=0} if (event.srcElement.tagName=="INPUT" && event.srcElement.type=="text" && OnInput==0) { event.srcElement.className="over" LastInput=event.srcElement OnInput=1 } } document.onmousemove=chinput </script> <input name="textfield" type="text" class="up">