css - 将 css 中的 span.bubble 固定在右侧

Question

我正在使用 angularJS 和 rzslider 创建一个 RGB slider ，但我在这里遇到了一个小问题，需要一些帮助。我希望 css 中的值框或 span.bubble 固定在右侧。请看下面的截图:

这是我现在拥有的。

Plunker

我更喜欢 css 解决方案，但如果不可能，任何解决方案都可以。 :)

Answer 1

我在发布问题后想通了，我又看了一遍文档。这是更新后的代码。

Plunker

我没有使用 span.bubble css 作为结果输出，而是隐藏并创建了它

<span class="color-slider-result">{{color}}</span>

并将 span.bubble 的名称更改为 span.color-slider-result。