Skip to content

Latest commit

 

History

History
74 lines (39 loc) · 1.99 KB

File metadata and controls

74 lines (39 loc) · 1.99 KB

哪里不会点哪里,so easy

ctrl + shift + i 打开dev tool

点击选择箭头

image

然后在cherry上点击想要修改的地方

在样式中查看属性

image

在css中修改即可

示例

修改头像背景

我的头像是黑白,在深色模式下啥也看不见

image

  • 使用dev tool查看样式

    image

    右边红框里.ant-avatar >img是控制头像的css,

    怎么来的?在右边的元素里

    image

    .代表class,因此是.ant-avatar,img是子元素?直接使用空格就可以,.ant-avatar >img就是.ant-avatar img

    重要!!整个元素里可能有很多.ant-avatar img,为了避免出现意外,或者其他乱七八糟的,我们再往上加一级(也可以搜索一下,这里不说了)

    image

    再加上id="app-sidebar",id用#表示,即#app-sidebar .ant-avatar img

  • 修改css

    在CSS中添加下面的内容

     #app-sidebar .ant-avatar img {  
       background:  #F5F4ED; /* 使用浅色模式的背景色 */  
     }  
      

搞定

image

删除开始新对话

image

原理同上,选择开始新对话,直接修改

image

.kwIEiN {  
  display: none;  
}