ホームページ  >  記事  >  ウェブフロントエンド  >  CSS_html/css_WEB-ITnose でフォントと境界線の色を設定する際の Chrome と他の主流ブラウザーの違いに関する問題

CSS_html/css_WEB-ITnose でフォントと境界線の色を設定する際の Chrome と他の主流ブラウザーの違いに関する問題

WBOY
WBOYオリジナル
2016-06-21 09:35:501140ブラウズ

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 はホバリング時のみ正常です。リンク状態の境界線がその色になるのはなぜですか?私はその説明に戸惑いましたが、英雄の皆さんに謙虚にアドバイスを差し上げます。ありがとうございます


ディスカッション (解決策) に返信します

解決する前に、まず a, border:none;color:#ccc; のスタイルを設定してください。それでも機能しない場合は、サイトのメールに送信してください。

a.toregister:visited スタイルを設定していないため、Chrome での表示効果はデフォルトの Visited スタイルのように見えます。リンク、訪問済み、ホバー、アクティブの順に設定してみてください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。