CSS设置字体和边框颜色时Chrome和其他主流浏览器差别的问题_html/css_WEB-ITnose
程序员文章站
2022-05-17 18:05:47
...
a.toregister:link { text-decoration:none; width:90px; height:40px; font-family:"黑体" ; font-weight: bold; border:1px solid #cccccc; color:rgb(100,100,100); background-color:#d1d2d3; position:absolute; left:1348px; letter-spacing:3px; top:20px; text-align:center; line-height:40px; display:block;} a.toregister:hover { color:rgb(68,68,68); background-color:#d3d4d5; border:1px solid #c6c6c5 ;}
以上为设置链接样式的代码,在各浏览器中显示的效果如图:
chrome链接前:
chrome链接后:
IE链接前:
IE链接后:
其他如FireFox、OP等浏览器显示效果都和IE一样。边框颜色变化不是很明显,但仔细看还是可以看出来变化的。chrome只有hover时是正常的,link状态下为什么边框是那样的颜色呢?百思不得其解,虚心向各位大侠赐教。谢谢
回复讨论(解决方案)
先设置一下a的样式,border:none;color:#ccc;方可解决,如果还是不行发站内邮箱
你没设置a.toregister:visited样式,Chrome下的显示效果看起来是默认的:visited样式。按link、visited、hover、active顺序进行设置试试看吧。