以不同的方式更改多个bsTooltip框的颜色

<button data-bs-toggle="tooltip" title="Tooltip 1" style="background-color: red; color: white;">Button 1</button>
<button data-bs-toggle="tooltip" title="Tooltip 2" style="background-color: blue; color: white;">Button 2</button>

<style>
    .custom-tooltip {
        background-color: green;
        color: white;
    }
</style>

<button data-bs-toggle="tooltip" title="Tooltip 1" class="custom-tooltip">Button 1</button>
<button data-bs-toggle="tooltip" title="Tooltip 2" class="custom-tooltip">Button 2</button>

<button id="tooltip1" data-bs-toggle="tooltip" title="Tooltip 1">Button 1</button>
<button id="tooltip2" data-bs-toggle="tooltip" title="Tooltip 2">Button 2</button>

<script>
    document.getElementById("tooltip1").style.backgroundColor = "yellow";
    document.getElementById("tooltip2").style.backgroundColor = "orange";
</script>