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

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

7 个答案: