Q&A
googleformを埋め込んだページでfontawesomeのリンク の色を変えたいです。
googleformを埋め込んでいないページでは正常にfontawesomeで作ったホームボタンの色を変えることができるのですが、埋め込んだページは色を指定できないです。
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 7 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"> 8 <link rel="stylesheet" href="css/freesample.css"> 9 <title>FreeSampleLesson</title> 10</head> 11 12<body> 13 <a href="index.html"> 14 <i class="fas fa-home fa-3x home"></i> 15 </a> 16 <iframe 17 src="https://docs.google.com/forms/d/e/1FAIpQLScTKVptOyz5ZfqdIvyTDBJ1EKATGm_krj8CQ8AOjT6tuDuAnw/viewform?embedded=true" 18 width="100%" height="800" frameborder="0" marginheight="0" marginwidth="0">読み込んでいます...</iframe> 19</body> 20 21</html> 22
CSS
1html ,body ,iframe{ 2 font-family: "Hiragino Kaku Gothic Pro", "San Francisco","SF","ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif !important; 3 background-color:#ff9109; 4} 5.home i{ 6 color:#fff !important; 7 position: fixed; 8 top: 10px; 9 left: 20px; 10 } 11 a i .home { 12 color:#fff !important; 13 }
検証ツールで確認すると、fontawesomeを読ませた時のall.cssが打ち消しているようですがそれをどうするべきかわかりませんでした
回答1件
0
ベストアンサー
CSS
1a { 2 color:#fff !important; 3}
こういうのってaタグに指定しないと効きませんよ。
あと、このコードとほぼ同じのさっき見た気が... 気のせいでしょう。
投稿2019/09/25 12:20
総合スコア10429
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。