css 文本框聚焦时如何控制无边框

具体实现代码如下：
var inputO = document.getElementById("input1");
inputO.onblur = function()
{
inputO.style.border = "1px solid rgb(0, 0, 0)";//input失去焦点时的边框状态
}
inputO.onfocus = function()
{
inputO.style.border = 0; //input得到焦点时的边框状态
}

inputOnfocus.js   文件代码清单如下：

var inputO = document.getElementById("input1");
inputO.onblur = function()   
  {
    inputO.style.border = "1px solid rgb(0, 0, 0)";//input失去焦点时的边框状态
  }
inputO.onfocus = function()
  {
    inputO.style.border = 0;     //input得到焦点时的边框状态
  }

我习惯用jquery用这段代码试试。
//获得焦点时的边框样式
$("#inputID").focus(function(){ $(this).css("border",0);});

//失去焦点时的边框样式
$("#inputID").blur(function(){ $(this).css("border","1px solid red");});

希望能帮到你！

outline:none;