《
border对单选按钮的影响》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331622013.htm
--> [
网站建设之]border对单选按钮的影响
首先我们来看一下上图中两个单选按钮的差别，B样式是不是很丢脸？
我们来看一下源码是不是有问题
A处代码：<input type="radio" name="radiobutton" value="radiobutton" id="radiobutton" /><label for="radiobutton">畸形样式</label>
B处代码：<input type="radio" name="radiobutton2" value="radiobutton2" id="radiobutton2"><label for="radiobutton2">变更款式</label>
咱们能够看出源码上并没发明什么问题，呈现这样的问题，最大的猜忌对象就是CSS，由于CSS最轻易转变网页中各元素的“表面”，所以就从CSS开端入手考察。
显示margin、padding、lineline-height等入手，最后终于排查到了border属性。果不其然，就是一段不起眼的border:0代码让它变得又瘦又小。
只有去掉给单选框定义为border:0的属性，它就变回了默认样式。
在制造页面时，细节真的很主要，同窗们也要留神。
Tag：border 单选按钮 border 单选按钮
相关的主题文章：
(责任编辑：网站建设)
border对单选按钮的影响相关文章