我想要下面的脚本(也位于http://jsbin.com/enOxEya/1/)只是为了删除右边框。
但是,对于FF,Chrome和IE,它将左边框和上边框加粗。
此外,对于FF,它会删除底部边框,而对于Chrome和IE,则会对底部边框进行着色。
查看每个浏览器的图像(所有浏览器都是最新的)
FF的结果
Chrome的结果
IE的结果
仅对顶部,底部和左侧边框使用边框样式不会对所有浏览器产生意外结果。
我如何只删除一个边框(即正确的边框)而不影响其他三个边框?
<!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>
希望对您有帮助。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句