V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
yazoox
V2EX  ›  前端开发

我的图标,渲染的过程中,会出现蓝色的背景底色,这个是什么原因造成的?

  •  
  •   yazoox · 2022-07-06 11:36:15 +08:00 · 951 次点击
    这是一个创建于 890 天前的主题,其中的信息可能已经有所发展或是发生改变。

    网页,ts+react

    生成 的一个列表,第一列是图标,一个类似“文件夹”的图标。但是,在某些情况下,不能 100%重现,需要不断点击反复刷新数据,才可能会出现。就是图标的背景,好像被填充了蓝色的背景!开始我还以为是鼠标按下+选择+拖动造成的,但是经过反复尝试,发现不是的。鼠标就只“点击”过,没有按下选择拖动。

    也怀疑是不是网络造成的,在 network 里面,调节 throttling 到 slow 3G ,并不能完全重现。

    所以,想问问经验丰富的兄弟们,这个可能是啥原因导致的?

    folder.png blue-bg.png

    Yukee798
        1
    Yukee798  
       2022-07-06 19:04:07 +08:00
    给这个图标加上 CSS 属性 user-select: none 试试呢,我感觉像是被文本选中了,参考: https://developer.mozilla.org/zh-CN/docs/Web/CSS/user-select
    yazoox
        2
    yazoox  
    OP
       2022-07-07 09:16:34 +08:00
    @Yukee798 我也想到了这个,但又不太像。
    因为这是一个列表,列表第一列都是这个图标,然后,只要出现了这个问题,就是第一列全部图标都变成蓝色背景。列表后面其它的控件,有关文字显示的,都没有蓝色背景。有一点忘记说了,就是这个蓝色背景出现后,大概 0.5~1 秒后,就会自动消失,变成正常状态......
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3007 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 19ms · UTC 11:51 · PVG 19:51 · LAX 03:51 · JFK 06:51
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.