前言:element-tiptap 用鼠标选中内容的时候,背景颜色跟系统设置的主题有关,比如的我的就是卡哇伊的pink,默认是淡蓝色
但是我们观察一下语雀,背景颜色是它规定好的颜色
这篇文章来探索一下,怎么自己规定选中的内容的背景颜色。
好吧,没想到这么简单哈哈哈
*::selection {
background-color: red;
}
水一篇水一篇~~~~
但是这个颜色的定义咱们可以深究一下
毕竟每次修改往样式文件里找定义是不方便的,最好将颜色定义为常量。那么我们找一下颜色的定义文件
src/styles/variables.scss 就是这个
发现一个优雅的淡蓝色:
$lighter-primary-color: #d9ecff;
那就用这个吧
src/styles/editor.scss
@import './variables.scss';
*::selection {
background-color: $lighter-primary-color;
}
~~优雅