• 締切済み

FireFoxのテキスト表示について

フレーム、javascript、スタイルシート、cssファイル使いまくりなサイトですが、 FireFoxで表示すると、テキストにカーソルを置いた時に、 リンク時の状態になってしまいます。 具体的には、文字色が変わり、下線が表示されます。 これは、どうすれば解消できるでしょうか。 ちなみに、リンクの設定は下記の通りです。 リンク(訪問前)の指定 a:link{ color:#444444; text-decoration:none; } リンク(訪問済み)の指定 a:visited{ color:#444444; text-decoration:none; } リンク(カーソルを乗せた時)の指定 a:hover{ color:#c0c0c0; text-decoration:underline; } 良い解決方法がありましたら、よろしくお願いします。

みんなの回答

noname#100277
noname#100277
回答No.1

該当するサイトの提示が一番確実でしょう。 ソースや外部ファイルの記述では確実な回答は出来ないと思われる。 又、Firefoxの場合「アドオン」の関係も絡むので複雑化します。

関連するQ&A

  • a:hoverについて

    リンク毎に「a:hover」のスタイルを変更したいのですが、 a:link { text-decoration: none; color: blue; } a:visited { text-decoration: none; color: blue; } a:hover { text-decoration: underline; color: red; } 通常は↑のスタイルで、 a[aaa]:hover { text-decoration: underline; color: blue; } nameを指定したリンクの場合は↑にしたい。 <a name="aaa" href="~">リンク</a> このような感じだと、上のリンクにカーソルを持っていっても青に変わってくれません。 どーすれば良いでしょうか?

    • ベストアンサー
    • HTML
  • CSSでリンクの表示をテキストと画像で変えたい

    CSSを使って、 ・テキストのリンクのときは、 a:link で 常に点線のアンダーラインを表示 a:hover で マウスを重ねたとき色を変える ・画像のリンクのときは、  アンダーラインをださない  a:hoverの動作をさせない という風にしたいのですがうまくいきません。 a:link { color: black; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; } a:hover { background-color: black; text-decoration: underline; color:white; } といった指定をして、テキストからのリンクに適用しています。そのうえで、画像には上記の設定が生きないようにしたいと思っていますがうまくいきません。 .bordernone { border: none; } と書いて、リンクの画像に <img src="image/xx.jpg" class="bordernone" style="border-style:none"> などとしてもうまくいきません。 よろしくお願いいたします。

    • ベストアンサー
    • CSS
  • 同ページ内のリンク下線が消えない

    スタイルシートにて、ホバーとアクティブ以外はリンク線が出ないようにしています。 通常は問題ないのですが、同ページ内にリンク先があり、 一度クリックすると下線が表示されたままになってしまいます。 同ページ内リンクが複数あり、それらをクリックするとクリックした分のリンク線が表示されたままになってしまい、困っています。 IEですと問題ないようなのですがChromでこうなってしまいます。 下記のように記述してあります。 お知恵を拝借できますでしょうか。 a:link { text-decoration:none; color:#333333; } a:visited { text-decoretion:none; color:#333333; } a:hover { text-decoration:underline; color:#3333FF; } a:active { text-decoration:underline; color:#3333FF; } a{ text-decoration:none; }

    • ベストアンサー
    • CSS
  • 何故か一部だけ、text-decoration: none; にならない・・

    a:link { color: #000000; text-decoration: none; } a:visited { color: #339999; } a:hover { color: #FF6600; text-decoration: underline; } これを外部スタイルシートで使っているのですが、 いろいろあるリンク先の一部(全体の5%ぐらい)だけ何故か「text-decoration: none;」 にならずアンダーラインが表示されます。 もともとはアンダーラインがあった状態だったのもを変更したのですが、 一部変更にならないという症状です。 ・どのページでも同じような事が起こっています。 ・リンク先に共通性はないと思います。 これは何によるものなのでしょうか?

  • divでくくったけれど、反映が変になります。

    divで指定した2つのリンク要素なのですが、 mainのくくりの中の文字にleftsideの設定が反映されてしまいます。 でも、mainで指定した div#main a:hover { color: #6699FF ; text-decoration: underline; }だけはそのまま活きています。 どこが間違っているのでしょうか。 div#main a:link, a:visited { color: #3300FF ; text-decoration: underline; } div#main a:hover { color: #6699FF ; text-decoration: underline; } div#leftside a:link, a:visited { color: #000000 ; text-decoration: none; } div#leftside a:hover { color: #6699FF ; text-decoration: none; }

    • ベストアンサー
    • HTML
  • はじめて利用します。質問の上で至らぬところがあればご指摘願います。

    はじめて利用します。質問の上で至らぬところがあればご指摘願います。 スタイルシートでリンクの色を変更しているのですが、どうしても未訪問のリンクの色が変わりません。 こんな感じの例で設定しています a{ color:0000ff; font-style:normal; text-decoration:underline; } a:link { color:0000ff; font-style:normal; text-decoration:underline; } a:visited { color:#934C7B; text-decoration:underline; } a:hover { color:#ff0000; font-style:normal; text-decoration:underline; } a:active { text-decoration:none; } link要素も試してみましたが、どうしても未訪問のリンクの色だけかわりません。 同じような質問がありましたが、実際に解決策、納得がいかなく質問させていただきました。 昨日今日でサイト作りをはじめたばかりで、色々と疎いです。 解決方法を探しています、なにとぞよろしくお願いします。

  • divでくくった中の要素にa link

    以下のdivでくくった中の要素にa link等の カラーの指定をしたいのですが、どのように記述したらよいでしょうか。 div.main { width: 560px; padding-top: 15px; padding-left: 20px; line-height: 130%; } --------------- div指定していないところでは a:link, a:visited { color: #000000; font-size: 12px; line-height: 120%; text-decoration: none; } a:hover { color: #0066CC; text-decoration: underline; } a.navia:link, a:visited { font-size: 8pt; color: #666666; text-decoration:none;} a.navia:hover { color: #FF6633 ; text-decoration:underline } の2つを記述しています。

    • ベストアンサー
    • HTML
  • fc2ブログでリンクテキストの色が設定できない

    テンプレート名 Penetration です。テキストリンクの色を変更するためにcssを編集しましたが、記事内のテキストリンクに反映されません。 変更箇所は↓ /* ハイパーテキスト ------------------------------------------------- */ a { overflow: hidden; /* for Fx */ } a:link { color: #8bc9d7; text-decoration: none; } a:visited { color: #8bc9d7; } a:focus, a:hover { text-decoration: none; } a:active { } ↑上記箇所を、 /* ハイパーテキスト ------------------------------------------------- */ a { overflow: hidden; /* for Fx */ } a:link { color: #6699FF; text-decoration: none; } a:visited { color: #6699FF; text-decoration: none; } a:focus, a:hover { color: #FF9900; text-decoration: none; } a:active { } ↑に書き換えました。 記事タイトル・カレンダー・カテゴリ・コメント・トラックバックは希望通り、テキストリンク→水色  カーソルを重ねると→黄色になりましたが、記事内のテキストには反映されません。 ※訪問済みもアクティブも水色のままで良いので記述しなくてもいい気がしますが、原因が分からなくなりそうで、今のところ消していません。 cssを触りだして10日程度の初心者です。ご指導宜しくお願いします。

  • CSSでリンクテキストの背景色を透過させたい

    こんにちは。 検索してみたのですが、「背景色をつける」方法は数あれど、「透過させる」 方法は見つかりませんでしたので質問します。 ボックスの背景に青色グラデーションがかかっています。 このボックスの中に書いたテキストの一部に、リンクを貼りました。 ブラウザで確認すると、リンクテキスト部分の背景だけ、白くなっています。 通常のリンクは a{ text-decoration: underline; color: #333399;} a:link{ text-decoration: underline; color: #333399;} a:visited{ text-decoration: underline; color: #333399;} a:active{ text-decoration: underline; color: #333399;} a:hover{ text-decoration: underline; color: #99ccff;} と指定してますので、テキストリンクはオンマウス時だけテキスト色が 変わるようになっています。で、これを強引に透過できないか?と思い a{ text-decoration: underline; color: #333399; background-image: url("../img/spacer.gif");} a:link{ text-decoration: underline; color: #333399; background-image: url("../img/spacer.gif");} a:visited{ text-decoration: underline; color: #333399; background-image: url("../img/spacer.gif");} a:active{ text-decoration: underline; color: #333399; background-image: url("../img/spacer.gif");} a:hover{ text-decoration: underline; color: #99ccff; background-image: url("../img/spacer.gif");} ↑などということをやってみましたが、効果はありませんでした。 できる・できない、どちらでも構いませんので、ご存知の方がいらっしゃいましたらご教授願います。

  • ブログの下線

    fc2ブログでアフィリエイトをしています。 私のブログのテンプレートは、ブログタイトルと記事のタイトルにカーソルをもって行くとリンクの下に下線が表示されるのですが、それ以外は色が変わるだけで下線が表示されません。 画面右側(プラグインカテゴリ2)のフリーエリアは、テキストリンクに常に下線が表示されるようにしたいんです。 他のリンクはカーソルがきた時だけ、下線がでるようにしたいです。 ブログ初心者なので分かりやすくお願い致します。 /* リンクの設定 */ a{cursor : pointer ;} a:link{ color : #000000; text-decoration: none; } a:visited{color : #000000; text-decoration: none; } a:active{color : #008B8B;} a:hover{color : #2F4F4F;} .entry a{font-weight: nomal;} h1, h2, h3{ color : #808080; text-decoration: none; margin: 0px; padding: 0px; font-weight: normal; } h2 a{ text-decoration: none; }

専門家に質問してみよう