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

Question

我在html代码下面有一行。

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

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

谢谢！

Answer 1

您可以在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 2

你可以这样做

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

Answer 3

例如，在文本或段落上添加样式;

GREEN TEXT

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");
    }
    // ......
});