フォームで表示される文字のリンク色を変えたい

  • いつもお世話になっております。

    さて、初歩中の初歩な質問で恐縮なんですが、カレンダーの日付を選んだりした後に出てくるフォームに「クリア」などの文字が出てくるところのリンク色を変更したいのですが、CSSはどのように書いたらよいでしょうか。
    aだけだとサイト全体が変わってしまいますのでこの部分だけ変えたいのです。
    #booking-package_calendarPage a {
    color:#fff;
    }
    では変わりませんでした。
    ご教示頂ければ幸いです。

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author MASAAKI

    (@masaakitanaka)

    クリアのHTML要素のクラスに対して文字カラーの設定をおこなってください。HTML要素などを調べるにはブラウザの開発環境を利用すると簡単に調べることができます。開発環境の操作は、ブラウザごとのマニュアルを確認してください。

    Thread Starter tomato11cats

    (@tomato11cats)

    お返事ありがとうございます。
    クリアの方は

    #checkInClearLabel.clearLabel{
    color:lightblue;
    }

    #checkOutClearLabel.clearLabel{
    color:lightblue;
    }

    で変えることができました!!　ありがとうございました!!

    下の方にあるオプションなどを付けた時に表示される部分も同じく濃いブルーになっており、
    そこも変えたいのですが…
    <div class=”summaryValue summaryNightsValue totalLengthOfStayLabel”>あいうえお</div>
    <label class=”summaryValue totalLengthOfStayLabel”>かきくけこ</label>
    <label class=”summaryValue totalLengthOfStayLabel”>さしすせそ</label>

    となっています。
    なので
    summaryValue
    summaryNightsValue
    totalLengthOfStayLabel
    それぞれCSSを追加して試してみましたが変わりません。（T_T）
    !importantを付けてもダメだったんですがどのようにしたら変えられるのか教えて頂けないでしょうか。

    Plugin Author MASAAKI

    (@masaakitanaka)

    .totalLengthOfStayLabel クラスに対して「color: #XXXXXX !important; 」を追加したところ、任意のカラーに変更することが確認できました。

    変更されない場合はブラウザのキャッシュを削除するなどしてみてください。

    Thread Starter tomato11cats

    (@tomato11cats)

    分かりました!!やってみます。
    いつもありがとうございます。

    Thread Starter tomato11cats

    (@tomato11cats)

    Booking Packageの設定のCSSに書くと反応しないのですが
    テーマのCSSに加えたら反応しました。

    Booking Packageの設定のCSSは既に入っているものしかダメなんでしょうか??

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.