2

Disqus 外部コメント システムを Wordpress で (WP プラグインとして) 使用しており、カスタム CSS でカスタマイズしようとしています。

すべてがうまく機能しますが、フォームのテキストエリアでデフォルトのテキストの色を置き換えるのに問題があります。

私はそれを試しました：

#dsq-content .dsq-textarea .dsq-textarea-wrapper, #dsq-content .dsq-input-wrapper { color: red !important }

しかし、「テキストエリア」だけをターゲットにしてもうまくいきませんでした。

テキストエリアがフォーカスされてぼやけているときの2つのイベントがあるため、javascriptが一緒に遊んでいるようです。「ぼかし」がある場合、.placeholder-grey CSS クラスがテキストエリアに追加されますが、CSS でそれをターゲットにしてもうまくいきませんでした。

Disqus のドキュメントは非常に貧弱なので、コード インスペクションですべてを把握しました。

どんなアイデアでも大歓迎です。

PS私はオンラインで実際の例を持っていません。たとえば、 Disqusが使用されているブログ/ウェブサイトで見ることができます。-merging-profiles#disqus_thread

4

4 に答える 4

1

まだ解決していない場合は、自分に合った解決策を見つけました。wordpress のスタイル シートの body{} タグの少し後に、そこにある ul{} がcolor:#FFFFFFto color:#000000(または好きな色) に変更されているのがわかります。それは私にとってはうまくいきました。あなたにもうまくいくことを願っています。

body{
 text-decoration: none;
 background-color: #000000;
}

a:hover{
 color: #FFFFFF;
}

a {
 color: #CCCCCC;
 text-decoration: none;
 font-size: 14px;
}      

li {
 padding: 10px 10px 0px 10px;
}      

ul {
 list-style:none;
 >>> color: #000000;     
 margin-left: 25px;    
}
于 2010-11-15T23:50:51.170 に答える
1

テーマのレイアウト方法によっては、Disqus が異なるテキストの色を継承し、背景と同じになる場合があります。次のオーバーライドを使用して変更できます。

#dsq-content { color: #ffffff !important; }

それでもテキストの色が変わらない場合は、コメントをより直接的にターゲットにする必要があります。これは、次の CSS で実行できます。

.dsq-full-comment { color: #ffffff !important; } /*for Narcissus theme users*/

.dsq-comment-body { color: #ffffff !important; } /*for Houdini theme users*/
于 2012-03-25T19:12:13.687 に答える
0

リンク先のサイトには、テキストエリアの直前に css スタイル ブロックがあります。これを編集して追加するcolor: #f90;と、色が通常の黒からオレンジに変わります (この例では)。headおそらく、代わりにドキュメントの にこれを追加することもできます。

Chrome の開発者ツールや Firefox の Firebug のようなものを使用している場合は、その場で html/css を編集して効果をライブで確認し (持続はしませんが)、どのような変更を行うことができるか、または行う必要があるかを確認できます。 .

于 2010-09-06T17:47:10.003 に答える