css中border设为none后不能消除边框，但设为0后可以，请大哥大姐们看看小弟的代码哪里出错了？万分感激
如下table.formdatainput中border的值<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN...
如下table.formdata input中border的值
<!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=gb2312" />
<title>电子表格样式</title>
<style>
body {background-color:#FFFF99;}
table.formdata {border:1px solid #00CC00;
border-collapse:collapse;
font:"黑体";
}
table.formdata caption {padding-bottom:5px;
font:30px bold Arial, Helvetica, sans-serif;}
table.formdata th {border:1px solid #000066; font:"仿宋_GB2312" 20px; padding:2px 8px 2px 8px;}
table.formdata td { padding:0px; margin:0px; border:1px solid #FF0000;}
table.formdata input { border:none; font:Arial, Helvetica, sans-serif; padding:1px 3px 1px 3px; margin:0px;}
.btn {font:15px "宋体"; border:1px;}
</style>
</head>
<body>
<form method="post">
<table class="formdata">
<caption>某某公司销售登记表</caption>
<tr>
<th></th>
<th scope="col">2004</th>
<th scope="col">2005</th>
<th scope="col">2006</th>
<th scope="col">2007</th>
</tr>
<tr>
<th scope="row">硬盘(Hard Disk)</th>
<td><input type="text" name="harddisk2004" id="harddisk2004" ></td>
<td><input type="text" name="harddisk2005" id="harddisk2005" ></td>
<td><input type="test" name="harddisk2006" id="harddisk2006" ></td>
<td><input type="text" name="harddisk2007" id="harddisk2007" ></td>
</tr>
<tr>
<th scope="row">主板(mainboard)</th>
<td><input type="text" name="mainboard2004" id="mainboard2004"></td>
<td><input type="text" name="mainboard2005" id="mainboard2005" ></td>
<td><input type="text" name="mainboard2006" id="mainboard2006" ></td>
<td><input type="text" name="mianboard2007" id="mianboard2007"></td>
</tr>
</table>
<input type="submit" value="提交" class="btn" /><input type="submit" value="重置" class="btn" />
</form>
</body>
</html> 展开
<!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=gb2312" />
<title>电子表格样式</title>
<style>
body {background-color:#FFFF99;}
table.formdata {border:1px solid #00CC00;
border-collapse:collapse;
font:"黑体";
}
table.formdata caption {padding-bottom:5px;
font:30px bold Arial, Helvetica, sans-serif;}
table.formdata th {border:1px solid #000066; font:"仿宋_GB2312" 20px; padding:2px 8px 2px 8px;}
table.formdata td { padding:0px; margin:0px; border:1px solid #FF0000;}
table.formdata input { border:none; font:Arial, Helvetica, sans-serif; padding:1px 3px 1px 3px; margin:0px;}
.btn {font:15px "宋体"; border:1px;}
</style>
</head>
<body>
<form method="post">
<table class="formdata">
<caption>某某公司销售登记表</caption>
<tr>
<th></th>
<th scope="col">2004</th>
<th scope="col">2005</th>
<th scope="col">2006</th>
<th scope="col">2007</th>
</tr>
<tr>
<th scope="row">硬盘(Hard Disk)</th>
<td><input type="text" name="harddisk2004" id="harddisk2004" ></td>
<td><input type="text" name="harddisk2005" id="harddisk2005" ></td>
<td><input type="test" name="harddisk2006" id="harddisk2006" ></td>
<td><input type="text" name="harddisk2007" id="harddisk2007" ></td>
</tr>
<tr>
<th scope="row">主板(mainboard)</th>
<td><input type="text" name="mainboard2004" id="mainboard2004"></td>
<td><input type="text" name="mainboard2005" id="mainboard2005" ></td>
<td><input type="text" name="mainboard2006" id="mainboard2006" ></td>
<td><input type="text" name="mianboard2007" id="mianboard2007"></td>
</tr>
</table>
<input type="submit" value="提交" class="btn" /><input type="submit" value="重置" class="btn" />
</form>
</body>
</html> 展开
展开全部
border:1px solid #00CC00;
一般情况下border:none也可隐藏边框，不过在IE6/7下无效（兼容性）,而border:0任何情况下都有效,不存在不兼容的问题
详情请见border:none与border:0的区别：
http://yadndhqcigeg.blog.163.com/blog/static/164347115201042061620502/
一般情况下border:none也可隐藏边框，不过在IE6/7下无效（兼容性）,而border:0任何情况下都有效,不存在不兼容的问题
详情请见border:none与border:0的区别：
http://yadndhqcigeg.blog.163.com/blog/static/164347115201042061620502/
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
最好的使用方式是：
border:0 none;
你可以在不同的浏览器下进行测试。
border:0 none;
你可以在不同的浏览器下进行测试。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
最兼容的办法，就是border：0 none;这是各浏览器不合造成的，你代码没啥错
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
