更新了变色弹幕，禁用特殊弹幕样式无效

[Nyte-BK201]

希望跟进一下，去掉炫彩弹幕样式

[Moenupa]

我看了一眼DOM然后简单ban了一下

.bili-dm-vip { background: none !important; }

能用但是我看style还改了其他的东西 可能有一些样式的小问题

原DOM是这样的（我开了 dark reader 所以会有一些奇怪的注入，忽略就好）

<div class="bpx-player-primary-area">
   <div class="bpx-player-video-area">
      <div class="bpx-player-row-dm-wrap bili-paused">
         <div aria-live="polite" role="comment" class="bili-dm bili-center bili-show" style="--opacity: 0.3; --fontSize: 25px; --fontFamily: 'Noto Sans CJK SC DemiLight', Arial, Helvetica, sans-serif; --fontWeight: normal; --color: #ffffff; --offset: 0px; --translateX: -1186px; --duration: 2.2835249999999974s; --top: 40px; --darkreader-text--color: #f0ebe2; --darkreader-border--color: #323535;">
            <div style="background: url(&quot;http://i0.hdslb.com/bfs/dm/b4f545290caf5a90bd9a96c8d4edefd09bca79bc.png&quot;) text; text-shadow: none; -webkit-text-stroke: 4px transparent; --darkreader-inline-bgcolor: initial;" class="bili-dm-vip" data-darkreader-inline-bgcolor="">
            主摄没有OIS防抖，荣耀老传统了
            </div>
         </div>
      </div>
   </div>
</div>

[Moenupa]

用:has我感觉没必要 直接ban background就行
他这个style是直接写进DOM的 我去看了遍css发现好像没改其他的
所以要么把这个URL拦截掉 要么对class的css做手脚 要么直接DOM上改也行

[Moenupa]

应该很好修的 麻烦大佬们了

[rcyggdra]

加个字体描边，不然弹幕看起来发白。

.bili-dm-vip {text-shadow: 1px 0 1px #000000,0 1px 1px #000000,0 -1px 1px #000000,-1px 0 1px #000000 !important; }

[4AMNyaruko]

+1

[GalaxySnail]

在 chatgpt 的指导下简单糊了一个油猴脚本，勉强能用（

// ==UserScript==
// @name         B站移除大会员弹幕颜色
// @namespace    galaxysnail
// @version      1.2
// @description  none
// @author       GalaxySnail
// @match        https://www.bilibili.com/video/*
// @icon         https://www.bilibili.com/favicon.ico
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    const observer = new MutationObserver((mutation_records, observer) => {
        let record = null

        const handler = (elem) => {
            if (!(elem instanceof HTMLElement)) return
            if (!(elem.matches(".bili-dm-vip"))) return

            // console.log(record.type, record.attributeName, elem)
            elem.removeAttribute("style")
            elem.classList.add('bili-dm')
        }

        for (record of mutation_records) {
            switch(record.type) {
            case "childList":
                record.addedNodes.forEach(handler)
                break
            case "attributes":
                handler(record.target)
                break
            }
        }
    })

    const target = document.querySelector("#bilibili-player > div > div > div.bpx-player-primary-area")

    observer.observe(target, {
        childList: true,
        subtree: true,
        attributes: true,
        attributeFilter: ["style"],
    })
})();

[the1812]

去掉背景倒是简单, 这个文字描边就不好搞了, 播放器能设置三种不同的描边样式, 纯 CSS 貌似没有地方能读取到当前选中的样式 (其他普通弹幕都是内联样式写上去的)

普通弹幕

VIP 弹幕

---

重墨 1px 0 1px #000000,0 1px 1px #000000,0 -1px 1px #000000,-1px 0 1px #000000
描边 0px 0px 1px #000000,0 0 1px #000000,0 0 1px #000000
投影 1px 1px 2px #000000,0 0 1px #000000

[CrazyboyQCD]

也许可以参考这个?
https://greasyfork.org/zh-CN/scripts/467808-%E5%8E%BB%E4%BB%96%E5%A6%88%E7%9A%84%E5%A4%A7%E4%BC%9A%E5%91%98%E5%BD%A9%E8%89%B2%E5%BC%B9%E5%B9%95/code

[the1812]

这个也是 js 读取播放器设置的，我担心以后这个投影样式改了这个功能又会出问题，所以问问有没有好点的方法