登录 注册

【已解决】设置背景色之后的文本前景为黑色

本贴最后更新于 956 天前，其中的信息可能已经天翻地覆

如题，我尝试用下面代码实现，但是没有生效 😶

image.png

实现下面这样的效果（P 的 🤣）

image.png

如何才能实现呢 😳

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统，支持完全离线使用，同时也支持端到端加密同步。

    融合块、大纲和双向链接，重构你的思维。

    26149 引用 • 108623 回帖 • 1 关注
  • Q&A

    提问之前请先看《提问的智慧》，好的问题比好的答案更有价值。

    10050 引用 • 45674 回帖 • 69 关注
1 引用
豆沙绿等背景色分享 • tongzi
2 操作
Eero 在 2022-11-19 08:39:44 更新了该帖
Eero 在 2022-11-18 22:16:50 更新了该帖
通辽 位置
1 引用
2 操作
5 回帖
3
2
551 48 104 202 8 188

相关帖子

被采纳的回答
  • RenaEmiya •
    订阅者

    image.png

    image.png

    image.png

    span[style="background-color: var(--b3-font-background2);"]{
    color: white !important;
}
​

    这个 css 应该可以在 dark+ 的白色主题下把字体从黑色改成白色

5 回帖
【已解决】设置背景色之后的文本前景为黑色

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • Eero • • 6 评论
    订阅者 支持者 作者

    我的这个背景色不是 mark，是样式菜单里面的背景

    image.png

    在这里加了一句可以让前景色为黑色，但是我还是不知道 css 怎么写，好菜 🤣🤣🤣

    image.png

    啊，你是说，你这个不是高亮（ctrl+E）后的颜色，是字体设置（ctrl+alt+x）后的颜色啊
    RenaEmiya •
    对的对的 怪我了 🤣
    Eero •
    你那个写法好像没错，只是你漏了个分号，应该是 span[style="background-color: var(--b3-font-background2);"]
    RenaEmiya •
    我加了分号也没生效 🤣 不过还是非常感谢带佬！！
    Eero •
    真不懂了 hhh，我这里是可以的。。这这这。。🤣
    RenaEmiya •
    哦？！那我这应该也可以，我再试试
    Eero •
  • 其他回帖
  • Eero •
    订阅者 支持者 作者

    image.png

    这才对味！！感谢带佬指点 🥳🥳🥳

  • RenaEmiya •
    订阅者

    这个可以咩

    .protyle-wysiwyg mark, .protyle-wysiwyg span[data-type~=mark]{
    color:black!important;
}

​

    思源笔记里有个开发者工具，开发者工具左上角有个 selector，选择你关心的元素，选中后右侧的 styles 里会显示修改样式时需要用到的选择器

    2 回复
  • RenaEmiya • • 3 评论
    订阅者

    image.png

    image.png

    image.png

    span[style="background-color: var(--b3-font-background2);"]{
    color: white !important;
}
​

    这个 css 应该可以在 dark+ 的白色主题下把字体从黑色改成白色

    1 回复
    这样看来应该是我的主题自定义代码有些问题 😭
    Eero •
    I did it !!!
    Eero •
    @Eero 可以的 hhh
    RenaEmiya •
  • 查看全部回帖
Eero
Shoot for the moon, even if you miss, you will land among the stars. 通辽
回帖
46
 帖子
27
 积分
21914

近期热议

推荐标签 标签

  • CSS

    CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    198 引用 • 543 回帖
  • Windows

    Microsoft Windows 是美国微软公司研发的一套操作系统，它问世于 1985 年，起初仅仅是 Microsoft-DOS 模拟环境，后续的系统版本由于微软不断的更新升级，不但易用，也慢慢的成为家家户户人们最喜爱的操作系统。

    229 引用 • 476 回帖
  • C++

    C++ 是在 C 语言的基础上开发的一种通用编程语言，应用广泛。C++ 支持多种编程范式，面向对象编程、泛型编程和过程化编程。

    108 引用 • 153 回帖
  • SpaceVim

    SpaceVim 是一个社区驱动的模块化 vim/neovim 配置集合，以模块的方式组织管理插件以
    及相关配置，为不同的语言开发量身定制了相关的开发模块，该模块提供代码自动补全，
    语法检查、格式化、调试、REPL 等特性。用户仅需载入相关语言的模块即可得到一个开箱
    即用的 Vim-IDE。

    3 引用 • 31 回帖 • 111 关注
  • Docker

    Docker 是一个开源的应用容器引擎，让开发者可以打包他们的应用以及依赖包到一个可移植的容器中，然后发布到任何流行的操作系统上。容器完全使用沙箱机制，几乎没有性能开销，可以很容易地在机器和数据中心中运行。

    497 引用 • 934 回帖
  • Flume

    Flume 是一套分布式的、可靠的，可用于有效地收集、聚合和搬运大量日志数据的服务架构。

    9 引用 • 6 回帖 • 661 关注
  • Follow
    4 引用 • 12 回帖 • 3 关注
  • ngrok

    ngrok 是一个反向代理，通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

    7 引用 • 63 回帖 • 655 关注
  • 深度学习

    深度学习（Deep Learning）是机器学习的分支，是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    43 引用 • 44 回帖
  • OpenStack

    OpenStack 是一个云操作系统，通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成，同样也可以通过 Web 接口让最终用户部署资源。

    10 引用 • 1 关注
  • gRpc
    11 引用 • 9 回帖 • 100 关注
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎，基于 RESTful 接口。Elasticsearch 是用 Java 开发的，并作为 Apache 许可条款下的开放源码发布，是当前流行的企业级搜索引擎。设计用于云计算中，能够达到实时搜索，稳定，可靠，快速，安装使用方便。

    117 引用 • 99 回帖 • 197 关注
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 765 关注
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库，强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery，是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 736 关注
  • OneDrive
    2 引用 • 6 关注
  • CongSec

    本标签主要用于分享网络空间安全专业的学习笔记

    1 引用 • 1 回帖 • 37 关注
  • 坑

    一些有用的避坑指南。

    69 引用 • 93 回帖
  • 小说

    小说是以刻画人物形象为中心，通过完整的故事情节和环境描写来反映社会生活的文学体裁。

    32 引用 • 108 回帖 • 4 关注
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    98 引用 • 903 回帖
  • 友情链接

    确认过眼神后的灵魂连接，站在链在！

    24 引用 • 373 回帖
  • 设计模式

    设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    201 引用 • 120 回帖 • 1 关注
  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”，乌云众测平台认证的“安全云”，为移动时代的创业者提供新一代的 CDN 加速服务。

    20 引用 • 37 回帖 • 578 关注
  • HBase

    HBase 是一个分布式的、面向列的开源数据库，该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable：一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样，HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 70 关注
  • SendCloud

    SendCloud 由搜狐武汉研发中心孵化的项目，是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台，为开发者提供便利的 API 接口来调用服务，让邮件准确迅速到达用户收件箱并获得强大的追踪数据。

    2 引用 • 8 回帖 • 507 关注
  • 安装

    你若安好，便是晴天。

    132 引用 • 1184 回帖 • 3 关注
  • GraphQL

    GraphQL 是一个用于 API 的查询语言，是一个使用基于类型系统来执行查询的服务端运行时（类型系统由你的数据定义）。GraphQL 并没有和任何特定数据库或者存储引擎绑定，而是依靠你现有的代码和数据支撑。

    4 引用 • 3 回帖 • 9 关注
  • Kubernetes

    Kubernetes 是 Google 开源的一个容器编排引擎，它支持自动化部署、大规模可伸缩、应用容器化管理。

    118 引用 • 54 回帖 • 3 关注

最新标签