去掉页面图片链接边框或虚线框和表单的只读属性(转)
2010-08-02 10:26
239 查看
页面中去掉图片链接的边框
用图片做为链接后,在图片的周围出现了一个带颜色边框,其实是由img 中border属性来控制的。
用<a href="#"><img src="" border="0"></a>就去掉了.
页面中去掉图片链接的虚线框
可是当点击图片时,又出现了虚线框,这就是<a>链接on focus的问题,与图片无关,
去掉虚线框可用<a href="xxxxx.html" onfocus=this.blur(); ></a>解决.<br><br>
页面中表单元素的可读性
如下:
代码
用图片做为链接后,在图片的周围出现了一个带颜色边框,其实是由img 中border属性来控制的。
用<a href="#"><img src="" border="0"></a>就去掉了.
页面中去掉图片链接的虚线框
可是当点击图片时,又出现了虚线框,这就是<a>链接on focus的问题,与图片无关,
去掉虚线框可用<a href="xxxxx.html" onfocus=this.blur(); ></a>解决.<br><br>
页面中表单元素的可读性
如下:
代码
<SCRIPT LANGUAGE="JavaScript"> function display0(){ var str=document.myForm.input0.value; alert(str); }; function display1(){ var str=document.myForm.input1.value; alert(str); }; function display2(){ var str=document.myForm.input2.value; alert(str); }; function display3(){ var str=document.myForm.input3.value; alert(str); }; </SCRIPT> <FORM METHOD=POST ACTION="" name="myForm"> 可编辑 <input type="text" name="input0" value="中国0" > <INPUT TYPE="button" name="提交" value="显示" onclick="display0();"> <br><br><br> 第一种 <input type="text" name="input1" value="中国1" onfocus=this.blur()> <INPUT TYPE="button" name="提交" value="显示" onclick="display1();"> <br><br><br> 第一种 <input type="text" name="input2" value="中国2" readonly> <INPUT TYPE="button" name="提交" value="显示" onclick="display2();"> <br><br><br> 第一种 <input type="text" name="input3" value="中国3" disabled> <INPUT TYPE="button" name="提交" value="显示" onclick="display3();"> </FORM>
相关文章推荐
- 去掉图片链接点击后,图片周围的虚线框
- 去掉链接中的虚线边框
- 去掉图片链接点击后,图片周围的虚线框
- 如何去掉点击链接时周围的虚线框outline属性 去除a标签边上的虚线
- 隐藏图片链接的蓝色边框和虚线
- CSS属性去除图片链接时的虚线框
- [导入][转]完美解决图片/链接虚线边框
- 去除图片链接边框及其链接虚线
- HTML页面表单输入框去掉鼠标选中后边框变色的效果
- 图片链接去边框.去虚线
- CSS 去掉a链接的虚线边框
- 如何去掉点击链接时周围的虚线框outline属性
- 点击图片链接不显示虚线边框【源代码】
- a:focus{outline: none;} 如何去掉点击链接时周围的虚线框outline属性
- Html去掉链接虚线边框
- 如何去掉给图片添加链接后的蓝色边框
- 点击图片链接不显示虚线边框
- 去掉图片超链接的蓝色边框,以及去掉点中时候的虚线框
- 如何去掉超链接或图片热点链接的虚线框
- 去除图片链接边框及其链接虚线