当前位置: 网站建设 > 网页设计 > 建站经验 >

border对单选按钮的影响

时间:2013-03-02 03:41来源:未知 作者:admin 点击:

标签:border对单选按钮的影响 border(9)按钮(19)网站建设(1202)影响(32)单选(3)
--> [网站建设之]border对单选按钮的影响 首先我们来看一下上图中两个单选按钮的差别,B样式是不是很丢脸? 我们来看一下源码是不是有问题 A处代码:input type=radio name=radiobutton value=radiobutton id=radiobutton /label for=radiobutton畸形样式/la
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对单选按钮的影响相关文章
上一篇:border none;与border 0;的区别 下一篇:chrome下input和textarea的默认样式的取消
回到顶部