我对下面脚本的意图（也位于http://jsbin.com/enOxEya/1/) 只是删除右边框。
然而，对于 FF、Chrome 和 IE，它会使左边框和上边框变为粗体。
此外，对于 FF，它会删除底部边框，而对于 Chrome 和 IE，它会遮蔽底部边框。
查看每个浏览器的图像（所有浏览器都是最新的）
FF 的结果
来自 Chrome 的结果
IE 的结果
仅对上边框、下边框和左边框使用边框样式 none 也会对所有浏览器产生意外的结果。
如何仅删除单个边框（即右侧边框）而不影响其他三个边框？
<!DOCTYPE html>
<html>
<head>
<title>Boarders</title>
<style type='text/css'>
#input2 {border-right-style:none}
</style>
</head>
<body>
<input id="input1" />
<br />
<br />
<input id="input2" />
</body>
</html>
试试这个，效果很好
只需更换
<style type='text/css'>
#input2 {border-right-style:none}
</style>
有了这个
<style type='text/css'>
#input2 {border-style: solid none solid solid}
</style>
希望这对你有帮助。