CSS去掉div的边框可以去掉css的border属性，或者覆盖border属性为none来实现。
1、如图，这是一个带边框的div测是页面。
2、第一个div的边框是这行css实现的效果
border: 5px solid black
3、第二个div没有设置边框样式
4、第三个div的css设置了边框样式，但被内联样式覆盖为none，因此也能不显示边框。
代码如下
<div class="box1"></div>
<div class="box2"></div>
<div class="box3" style="border: none"></div>
div{
width:200px
height:120px
margin-bottom:10px
background-color:yellow
}
.box1, .box3{
border: 5px solid black
}
单选框和复选框通常是默认有样式，不能随意控制。
单选框和复选框通常改变样式的方法有两种：
使用<label>标签包含着单选（或复选）和一个单选样式的小图片，使用定位方法，让图片定位到单选框之上，点击图片的时候，使用javascript切换图片，达到选中和不选中效果，也就是两个图片的切换，<label>会让真正藏在下面的复选框选中和不选中。这种方法能解决大部分复选框或者单选框的样式问题。
使用非单选框复选框的标签，也就是用其它标签定义样式，使用javascript模拟点击的时候标签的样式切换，不过这种方法需要为表单提交的时候提供参数。
使用样式修改，比如border或者透明度等等，但是能修改的样式有限，例如单选框和复选框的大小无法修改，所以这种方法局限性最大，通常效果不太理想。
具体实现代码如下：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得到焦点时的边框状态
}
