コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS_html/css_WEB-ITnose でフォントと境界線の色を設定する際の Chrome と他の主流ブラウザーの違いに関する問題

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

WBOY
リリース： 2016-06-21 09:35:50
オリジナル
1161 人が閲覧しました

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 スタイルのように見えます。リンク、訪問済み、ホバー、アクティブの順に設定してみてください。

関連ラベル：
CSS设置字体和边框颜色时Chrome和其他主流浏览器差别的问题
ソース：php.cn
前の記事：Div の高さが特定の値を超えると、IE8 はその高さを固定値に自動的に調整します_html/css_WEB-ITnose 次の記事：HTML エキスパート ラジオが失われた選択への対応方法を支援します。event_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2190
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2340
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1963
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1849
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1905
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート