设置CSS中属性使表单元素方法有：
1、使用readonly="readonly"属性，让输入框变为只读。
代码示例一：
<input type="text" readonly="readonly" value="代码示例一">2、使用disabled="disabled"属性，输入框变为灰色背景只读，但无法再提交被禁用的元素值。
代码示例二：
<input type="text" disabled="disabled" value="代码示例二">3、使用onfocus="this.blur()"属性，和使用readonly效果一样，但是禁止选中。
代码示例三：
<input type="text" onfocus="this.blur()" value="代码示例三">三个示例的效果图：
具体实现代码如下：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得到焦点时的边框状态
}
blr没有特殊意思，expression 条件，这句话的意思是链接 a 在获得焦点的同时失去焦点。如果你用的是图片链接什么的，他不会显示周边的虚线。楼下的朋友，有三点需要重申一下
1.按下鼠标图片周边不会出现虚线，这个适合所有的浏览器
2.提问题的朋友使用的是css的写法，楼下的朋友是加入了script,还有更简单的写法，直接写在链接里<a href="#" onfocus=this.blur()>链接标题</a>
3.交流多了，真好。
