input无边框之众说纷纭

来源:互联网 发布:正规的网络兼职平台 编辑:程序博客网 时间:2024/04/29 01:10

一、

在ie6使用 border:none;是无效的,应该使用border:0;

不要聚焦后显示的边框,使用outline:none


二、

<input  style="border:0px" id="version">无边框

js:document.getElementById('version').style.border='1px solid'

<input style="border:1px,solid">有边框,一定要有solid属性,。

<input style="border:1px solid">有边框,与上面的有些不同


三、

1.无边框Input:<input type="text" style="border:1px;border-bottom-style:none;border-top-style:none;border-left-style:none;border-right-style:none;"> 

2.用css样式: 
        <style type="text/css"> 
input {border:0px solid #c00;} 
input {star : expression( 
onmouseover=function(){this.style.borderColor="#060"}, 
onmouseout=function(){this.style.borderColor="#c00"})} 
</style>或者是: 
       <style type="text/css"> 
input 

  border-top:0px ; 
  border-left:0px ; 
  border-right:0px ; 

</style> 

0 0
原创粉丝点击