当前位置：首页 → 问答吧 → input radio单选框外边距如何去掉

input radio单选框外边距如何去掉

时间：2010-09-02

来源：互联网

在ie系列下左上右会有外边距，Firefox下无

这个边距该如何去掉，谢谢

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> *{ margin:0; padding:0; font-size:12px;} </style> </head> <body> <div style="background-color:#FF0000"> <input name="" type="radio" value="" />请用不同浏览器查看</div> </body> </html>
提示：您可以先修改部分代码再运行

作者: lkp528 发布时间: 2010-09-02

我也想知道,帮你顶

作者: 鱼发布时间: 2010-09-02

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> *{ margin:0; padding:0; font-size:12px;} body,input{font:12px/1.5 tahoma,arial,sans-serif; vertical-align:middle} </style> </head> <body> <div style="background-color:#FF0000"> <input name="" type="radio" value="" style="border:0" />请用不同浏览器查看</div> </body> </html>
提示：您可以先修改部分代码再运行

作者: gollum 发布时间: 2010-09-02

thanks
刚在ie6下看了下，这方法不行。

作者: lkp528 发布时间: 2010-09-02

IE对radio，select，checkbox，file等控件的控制非常有限。
建议用JS来模拟。

作者: yoom 发布时间: 2010-09-02

找知道方法了
ie下边距消失了，代码如下

复制内容到剪贴板