最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

CSS设置字体和边框颜色时Chrome和其他主流浏览器差别的问题_html/css_WEB-ITnose

来源:懂视网 责编:小采 时间:2020-11-27 16:32:51
文档

CSS设置字体和边框颜色时Chrome和其他主流浏览器差别的问题_html/css_WEB-ITnose

CSS设置字体和边框颜色时Chrome和其他主流浏览器差别的问题_html/css_WEB-ITnose: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
推荐度:
导读CSS设置字体和边框颜色时Chrome和其他主流浏览器差别的问题_html/css_WEB-ITnose: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

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顺序进行设置试试看吧。

文档

CSS设置字体和边框颜色时Chrome和其他主流浏览器差别的问题_html/css_WEB-ITnose

CSS设置字体和边框颜色时Chrome和其他主流浏览器差别的问题_html/css_WEB-ITnose: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
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top