Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > CSS设置字体和边框颜色时Chrome和其他主流浏览器差别的问题_html/css_WEB-ITnose

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

WBOY
Release： 2016-06-21 09:35:50
Original
1161 people have browsed it

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 ;}
Copy after login

以上为设置链接样式的代码，在各浏览器中显示的效果如图：
chrome链接前:
chrome链接后:
IE链接前：
IE链接后：
其他如FireFox、OP等浏览器显示效果都和IE一样。边框颜色变化不是很明显，但仔细看还是可以看出来变化的。chrome只有hover时是正常的,link状态下为什么边框是那样的颜色呢？百思不得其解，虚心向各位大侠赐教。谢谢


回复讨论(解决方案)

先设置一下a的样式，border:none;color:#ccc;方可解决，如果还是不行发站内邮箱

你没设置a.toregister:visited样式，Chrome下的显示效果看起来是默认的:visited样式。按link、visited、hover、active顺序进行设置试试看吧。

Related labels：
CSS设置字体和边框颜色时Chrome和其他主流浏览器差别的问题
source：php.cn
Previous article：Div的高度大于一定数值后，IE8自动调整其高度为一固定值_html/css_WEB-ITnose Next article：求助HTML高手radio如何响应失去选中事件_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
function_exists() cannot determine the custom function Function test () {return true;} if (function_exists ('test')) {echo "test is function...
From 2024-04-29 11:01:01
0
3
2190
How to display the mobile version of Google Chrome Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
11
2340
The child window operates the parent window, but the output does not respond. The first two sentences are executable, but the last sentence cannot be implemented.
From 2024-04-19 15:37:47
0
1
1963
There is no output in the parent window document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1849
Where is the courseware about CSS mind mapping? Courseware
From 2024-04-16 10:10:18
0
0
1905
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template