Question

css怎么让网页中复选和单选框没边框

Answer 1

单选框和复选框通常是默认有样式，不能随意控制。

单选框和复选框通常改变样式的方法有两种：

1. 使用<label>标签包含着单选（或复选）和一个单选样式的小图片，使用定位方法，让图片定位到单选框之上，点击图片的时候，使用javascript切换图片，达到选中和不选中效果，也就是两个图片的切换，<label>会让真正藏在下面的复选框选中和不选中。这种方法能解决大部分复选框或者单选框的样式问题。

2. 使用非单选框复选框的标签，也就是用其它标签定义样式，使用javascript模拟点击的时候标签的样式切换，不过这种方法需要为表单提交的时候提供参数。

3. 使用样式修改，比如border或者透明度等等，但是能修改的样式有限，例如单选框和复选框的大小无法修改，所以这种方法局限性最大，通常效果不太理想。
   

Answer 2

我提交的图片一个是有边框，一个是没边框的

你看下符合不符合你的要求

无边框是用样式控制的 ，style='border:0px solid gray;'这样写一下就可以了

Answer 3

border 提交的图片一个是有边框，一个是没边框的你看下符合不符合你的要求无边框是用样式控制的 ，
style='border:0px solid gray;'
border:0px;
border:none;
border：0px;
这样做没必要。

这个元素是定义在html里面的，再通过手段去修改它，不知道能否做到，就算能，也需要大量代码。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
如果用一个隐藏表单来做为复选或单选。
再加一个漂亮的“自定义滑动开关”，
用JS来控制给那个隐藏表单传值.
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
现在，JQ UI、JQ EASYUI都是用此法来做的

Answer 4

我感觉这样做没必要。

这个元素是定义在html里面的，再通过手段去修改它，不知道能否做到，就算能，也需要大量代码。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
如果用一个隐藏表单来做为复选或单选。
再加一个漂亮的“自定义滑动开关”，
用JS来控制给那个隐藏表单传值，不就解决了？
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
现在，JQ UI、JQ EASYUI都是用此法来做的

Answer 5

可以设置边框的宽度为：0；或者直接设置边框属性：无
设置边框宽为0：border:0px solid gray;
设置边框无：border:none;