不少使用KiraKira进行对话创作的用户常会遇到折叠栏文字异常问题,浅色背景下内部文字自动变白,文字与底色融为一体完全看不清内容,极大影响阅读与编辑体验。该故障由全局美化样式覆盖原文CSS导致,下面整理两套实操方案,一套通过自定义美化代码根治色彩问题,顺带解决多余换行标签干扰;另一套无需调试代码,靠规范输出代码块快速修复,适配手机、电脑不同使用场景,按需选用即可。

一、出现情况

这是一个很多用户反映的比较常见的问题,折叠栏里的文字在浅色背景下变成了白色,导致无法正常查看。

图上空白部分实际上是有字的,但字色变成了和背景一样的白色,导致无法正常查看。

二、解决方法

【方法一】

1、在电脑浏览器环境下,右键,选择检查,即可打开开发者工具页面

2、再次选中有问题的文本,邮件检查

3、在界面下方的样式界面可以看见,此时的文字颜色并不是由作者的CSS代码,而是变成了由全局美化样式控制

4、由此,我们可以在全局美化内添加以下代码

/* 全局设置,调整折叠栏内文字颜色 */

#kira-content details p {

color:#D07F7A !important;

}

5、注意,在开发者模式下,这段代码里多出了额外的<p>标签和<br>标签,而这些多余的标签在修改模式下是看不见的。

如果不想要这些多出来的<br>标签,同样也可以在全局美化代码内加入以下代码

/* 全局设置,禁用<br>标签(即换行符)!慎用! */

#kira-content br {

display: none !important;

}

但是请慎用!<br>标签在html语言里起到的是换行符的作用,擅自ban掉该标签可能会影响到状态栏内其他内容的观看体验!

6、ban掉<br>标签后,换行符的替代方案是将文字用<p>标签或者<div>标签这样的块级元素包裹,他们天然独占一行。例如

<p>这是第一行</p>

<div>这是第二行</div>

【方法二】

这种方式实际上更加简单便捷,但在Gemini稳定降智的当下,稳定性可能不如前者。

直接打开编辑功能,检查状态栏代码前后是否被html代码块格式包裹,一个正常的代码块格式内容应该如下

'''html

(一串代码)

'''

如果没有代码块格式吗,那么把它补充进去即可。

同时也可以在面具/发送的消息/输出指令内补充对应指令:$所有的html代码在输出时**必须使用html代码块格式包裹**

适合电脑不在身边以及懒得写代码的用户。

以上问题解决后所呈现的效果如下