将文字的字体颜色更改为绿色？

Question

我在html代码的下面一行。

$('#myform #progress').html('<img src="images/ajax-complete.gif" /> Successful.')

我只需要在显示Successful文本时将其颜色更改为绿色即可。 在这里我如何应用绿色的字体颜色？

谢谢！

Answer 1

你可以这样

$('#myform #progress')
.html('<img src="images/ajax-complete.gif" /> Successful.')
.css('color','#0f0');

Answer 2

您可以在jQuery中执行以下操作：

$('#myform #progress').css('color':'green');

或在CSS中：

#myform #progress{ color: green}

也：

$('#myform #progress').html('<img src="images/ajax-complete.gif" /> <span style="color:green">Successful</span>.')

Answer 3

例如，在您的文本或段落上添加样式；

绿色文字

Answer 4

$('#myform #progress').html('<img src="images/ajax-complete.gif" /> Successful.').css({'color': '#0f0'});

没有测试，但它应该工作。 如果不是，请尝试交换css（）和html（）函数。

Answer 5

使用CSS

#myform, #progress
{
    color:green;
}

使用JavaScript

var elem = document.getElementById("myform")
elem.style.color = "Red"

Answer 6

使用span 。

将此添加到样式表中：

span{color:green;}

您的代码。

$('#myform #progress').html('<img src="images/ajax-complete.gif" /> <span>Successful</span>.')

Answer 7

尝试这个：

HTML代码：

<form id='myform'>
   <div id='progress'></div>
</form>

jQuery脚本代码：

$("#myform #progress:contains('Successful')").css("color", "green");

Ajax代码：

$.ajax({
    beforeSend: function () {
        // Handle the beforeSend event
        $('#myform #progress').html('<img src="images/ajax-complete.gif" />Please wait..');
    },
    complete: function () {
        // Handle the complete event
        $('#myform #progress').html('<img src="images/ajax-complete.gif" />Successful.');
        $("#myform #progress:contains('Successful')").css("color", "green");
    }
    // ......
});