### 前言

最近行为验证码在很多网站逐步流行起来，对用户体验来说，比较新颖，操作简单。下面我以滑动拼图验证码和文字点选验证码为例，通过 **KgCaptcha** 来说说如何修改验证码中的图标。

### 01 滑动小箭头图标

设置滑动小箭头图标，滑动拼图默认不拖动的小图标。

![](http://img.blog.itpub.net/blog/2023/05/10/51d3a61c61b0168f.png?x-oss-process=style/bb)

设置效果如下：

![](http://img.blog.itpub.net/blog/2023/05/10/6e85f94186fe25a7.png?x-oss-process=style/bb)

### 02 错误小图标

设置错误小图标，当滑动拼图拖动验证错误时的错误小图标。

![](http://img.blog.itpub.net/blog/2023/05/10/ddac7859bb6d5f8b.png?x-oss-process=style/bb)

设置效果如下：

![](http://img.blog.itpub.net/blog/2023/05/10/dd640cad04ca9e5e.png?x-oss-process=style/bb)

### 03 正确小图标

设置正确小图标，当滑动拼图拖动验证正确时的正确小图标。

![](http://img.blog.itpub.net/blog/2023/05/10/d24ecc6f01d6c2fb.png?x-oss-process=style/bb)

设置效果如下：

![](http://img.blog.itpub.net/blog/2023/05/10/10f2c07d282a2e8e.png?x-oss-process=style/bb)

### 04 拖动小箭头图标

设置拖动过程中小箭头图标，当滑动拼图拖动时的拖动小图标。

![](http://img.blog.itpub.net/blog/2023/05/10/dfd8c11aadac16fd.png?x-oss-process=style/bb)

设置效果如下：

![](http://img.blog.itpub.net/blog/2023/05/10/591f6000ddc08c62.png?x-oss-process=style/bb)

### 05 提示小图标

设置提示小图标，文字点选默认没点选的提示小图标。

![](http://img.blog.itpub.net/blog/2023/05/10/d802db8b1b00cfed.png?x-oss-process=style/bb)

设置效果如下：

![](http://img.blog.itpub.net/blog/2023/05/10/0fd60ef7f1b6c2e2.png?x-oss-process=style/bb)

### 相关链接

SDK开源地址：[https://github.com/KgCaptcha](https://github.com/KgCaptcha)，顺便做了一个演示：[https://www.kgcaptcha.com/demo/](https://www.kgcaptcha.com/demo/)

ITPub博客

行为验证码小图标修改