加载后更改字体颜色

Question

是否可以在下面更改“查看结果”文本的颜色？

<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 - 视图 - 结果”，这是什么“查看结果”样式为，但没有效果：

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

这里是一个小提琴：

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

Answer 1

由于链接的颜色已经由规则规定，你应该通过!important关键字重写它

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

Answer 2

你可以从JavaScript做到这一点：

$('.pds-view-results').css('color', 'red'); 

Answer 3

您还可以设置您的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/