如何獲得小勾號而不是綠色文本跨度Jquery

對於密碼驗證我使用jquery，如果密碼不匹配，它將在文檔上以綠色打印「無效密碼」。相反，我想要一個小的綠色勾號。我怎樣才能做到這一點？ jQuery的如何獲得小勾號而不是綠色文本跨度Jquery

$('#confirm_pass_msg').html('Password Matched').css('color', 'green');

HTML

<span id="confirm_pass_msg"></span>

謝謝。

來源

2017-10-06 This

使用一些圖標庫一樣Font Awesome，只是簡單地使用addClass()你所需要的圖標：

$('#confirm_pass_msg').addClass('fa fa-check').css('color', 'green');

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span id="confirm_pass_msg"></span>

來源

2017-10-06 07:09:25 SilverSurfer

簡單：

$('#confirm_pass_msg').html('✔').css('color', 'green');

來源

2017-10-06 07:04:01

爲了獲得最佳兼容性，您應該使用'＆＃x2714'而不是unicode字符 –

@ freedomn-m我不知道關於在html代碼中直接使用unicode符號的兼容性，在現代瀏覽器中沒有問題，但ÿ這是更安全的方式。 :-) –

只要使用這個

$('#confirm_pass_msg').css('background-image', 'url(' + imageUrl + ')');

來源

2017-10-06 07:06:54

具有刻度標記的正確方法是使用圖標。這將適用於所有瀏覽器和JS版本。我會建議fonrawesome相同。你可以看到referene here

中的代碼片斷，有一個紅色的刻度，可以更改CSS綠色，你可以看到一個綠色對勾：

<i class="fa fa-check" style="font-size:48px;color:green"></i>

來源

2017-10-06 07:10:32

試試這個

<span id="confirm_pass_msg"> <i class="fa fa-check" style="font-size:30px;color:green"></i> </span>

來源

2017-10-06 07:12:31

如何獲得小勾號而不是綠色文本跨度Jquery

回答

相關問題