展会信息港展会大全

css border对raid按钮的影响
来源:互联网   发布日期:2016-03-25 15:54:50   浏览:1764次  

导读:首先我们来看一下上图中两个单选按钮的区别,B样式是不是很难看?我们来看一下源码是不是有问题A处代码:<input type=...

首先我们来看一下上图中两个单选按钮的区别,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的属性,它就变回了默认样式。

在制作页面时,细节真的很重要,同学们也要注意

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港