很多时候,我们不想要input默认的边框而自定义一些边框,甚至为了给input添加背景图片,需要去除掉input的边框。
这件工作在IE7+、firefox等高级浏览器上是很轻而易举,只需定义其 border:none; 即可。然而在IE6下这是不起作用的。这时候我们可以用比较滑头的做法,将border设置为白色,在白色背景下就把边框隐藏了。代码是 border:white; 为了表达我们对IE6的鄙视,对这个浏览器做特殊处理,也就是 css hack 一下,整个代码是:border:none;*border:white; 。现在好了,border 在 IE6 下的确不见了。
接下来我们不烦看点奇迹:border:none;*border:red; 。看到没,在白色背景下,并没有什么红色的border出现,这就是说,border真的是隐藏了,所以不管你的input背景要用什么颜色或图片,你需要做的是定义 border:none;*border:某个color;。在各种浏览器上就都能隐藏掉input的边框了。这就是 css hack,套句时髦的话,不管你信不信,反正我是信了。
可能ie6的border默认值为none,默认值就是那个边框,所以没效果可能ie6不支持border:color这种声明方法,所以错误导致边框没了其实为什么不用border:0呢
原来志愿者的网站是你们捣鼓出来的。。我就说怎么冒出来的
过来支持一下 感值得收藏分享
很久没有过来了,今天过来看一看!
来瞅瞅啦~