Question

对于密码验证我使用了jquery，如果密码不匹配，它将在文档上打印绿色的“无效密码”。而不是那样，我想要一个小的绿色刻度线。我怎样才能做到这一点？ jquery的

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

HTML

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

谢谢。

Answer 1

简单：

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

Answer 2

请使用此

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

Answer 3

使用某些图标库，例如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>

Answer 4

正确使用刻度线的方法是使用图标。哪个适用于所有浏览器和JS版本。我会推荐fonrawesome同样的。您可以看到参考here

在代码段中，有一个红色勾号，您可以将CSS更改为绿色，并且您可以看到绿色勾号：

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

Answer 5

试试这个

_Generic

如何在span-Jquery中获得小刻度而不是绿色文本

5 个答案: