我是纯新手，爱用暗黑模式的 QYL 主题，不喜欢默认的引述块效果，就自己写了一个引述块的样式。代码参考了各位大佬的帖子--这里表示感谢。
框线效果的引述块样式
绿色文字
CSS 代码
发代码总是显示一个长方块，代码内容显示不出来。按 JeffreyChen, EmptyLight 两位的指导，还是发不出来。我放弃了。代码大家看回复里面的吧。
附件是 TXT 文件，里面是上述代码。引述块样式代码.zip
分享框线效果的引述块样式
相关帖子
-
- 其他回帖
-
/* 开始-修改引述块颜色 */ .protyle-wysiwyg .bq{ border-left: 6px solid #5e97b0; /* 宽度 线型 颜色 */ border-right: 0.5px solid #5e97b0; border-top: 0.5px solid #5e97b0; border-bottom: 0.5px solid #5e97b0; border-radius: 3px; /* 边框线的圆角 */ /* 字体颜色 */ font-size: 0.9em; /* 相对标准字体大小 */ color: green; /* 背景颜色 */ background-color: #0E1708; } /* 内边框线 */ .bq::after, blockquote::after{ content: ""; position: absolute; top: 3px; bottom: 3px; right: 3px; left: 3px; /* 竖线与框之间的距离 */ border-color: #284D57; border-width: 2px 0px 0px 2px; /* 上 右 下 左 */; border-style: dashed; pointer-events: none; border-radius: 0px; /* 内边框线的圆角 */ } /* 结束-修改引述块颜色 */ /* 嵌套引用不加框 */ .protyle-wysiwyg .bq .bq { border-width: 0px; } /* 列表中引用对齐 */ .list .bq { margin-right: 0 !important; }2 回复 -
html:is([data-theme-mode="light"][data-light-theme="QYL"], [data-theme-mode="dark"][data-dark-theme="QYL"]) .protyle-wysiwyg blockquote, .protyle-wysiwyg .bq { padding-top: 4px; } html:is([data-theme-mode="light"][data-light-theme="QYL"], [data-theme-mode="dark"][data-dark-theme="QYL"]) .protyle-wysiwyg blockquote, .protyle-wysiwyg .bq::before { display: none; }1 回复 -
- 查看全部回帖
欢迎来到这里！
我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。
注册 关于