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

border对单选按钮的影响

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

标签:border对单选按钮的影响 border(9)影响(32)单选(3)Tag(145)按钮(19)
Tag:border 单选按钮 border 单选按钮 A处代码:input type=radio name=radiobutton value=radiobutton id=radiobutton /label for=radiobutton畸形样式/label B处代码:input type=radio name=radiobutton2 value=radiobutton2 id=radiobutton2label for=r
border对单选按钮的影响》文章地址:http://www.tfxk.com/wangyesheji/0302330912013.htm
Tag:border   单选按钮   border   单选按钮  

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的属性,它就变回了默认样式。
在制造页面时,细节真的很主要,同窗们也要留神。

 

 

--> [网站建设之]border对单选按钮的影响

首先我们来看一下上图中两个单选按钮的差别,B样式是不是很丢脸?
咱们来看一下源码是不是有问题

相关的主题文章:
(责任编辑:网站建设)
border对单选按钮的影响相关文章
上一篇:Apache服务器实现301重定向详解 下一篇:没有了
回到顶部