0

以下の「View Results」テキストの色を変更することはできますか?

   <script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6352993.js"></script>
    <noscript><a href="http://polldaddy.com/poll/6352993/">This is very long test question to test how polldaddy handles questions that exceed that normal length............ yes a very long question indeed..............</a></noscript>​

「結果の表示」のスタイルを設定するcss「pds-view-results」をオーバーライドしようとしましたが、効果はありません：

.pds-view-results {
    color: red;
}

ここにフィドルがあります：

http://jsfiddle.net/25LjE/36/

4

3 に答える 3

5

リンクの色はすでにルールで指定されているため、!importantキーワードで上書きする必要があります

.pds-view-results {
    color: red !important;
}
于 2012-07-05T11:10:59.050 に答える
1

あなたはjavascriptからそれを行うことができます:

$('.pds-view-results').css('color', 'red');
于 2012-07-05T11:12:44.407 に答える
1

遅刻も設定できるstyle

!importantそうすれば、とを避けることができますjavascript。ただし、ちらつきが発生する可能性があるため、最後の css ルールのみをこのように配置することをお勧めします。試してみてください、うまくいくかもしれません。

<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6352993.js"></script>
<noscript><a href="http://polldaddy.com/poll/6352993/">This is very long test question to test how polldaddy handles questions that exceed that normal length............ yes a very long question indeed..............</a></noscript>

<style type='text/css'>
    .pds-pd-link {
display: none !important;
}
.pds-box {
    width: 220px !important;
}
.pds-input-label{
    width: auto! important;
}
.PDS_Poll{
    margin-bottom:15px;
}
.pds-view-results {
    color: red;
}
#PDI_container6352993 .pds-links a{
  color:blue;
}
</style>​

http://jsfiddle.net/nXS4J/

于 2012-07-05T11:27:25.017 に答える