將文字的字體顏色更改為綠色？

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