java - 如何使用CSS样式将颜色应用于线元素，使其达到指定的offsetwidth？

想要将指定的颜色应用于Line元素直到指定的宽度？

无论我在哪里单击该行，我都会得到它的offsetWidth，因此我必须在该offsetwidht上应用不同的颜色，我该怎么办呢？

int lineWidth = DOM.getElementPropertyInt(lineElement, "offsetWidth");
int lineLeftOffset = (width / 2) - (lineWidth / 2);
DOM.setStyleAttribute(lineElement, "left", lineLeftOffset + "px");

在这里，使用lineLeftOffset设置当前位置，直到当前位置，我必须为lineElement赋予不同的颜色。
   我尝试了以下方法，但是它正在将颜色应用于整个元素。

 DOM.setStyleAttribute(lineElement, "backgroundColor", "red");

最佳答案

您可以使用2个元素来实现这一点-一个元素的LineElement只是一个div。将此div作为子元素添加到LineElement。将lineLeftOffset和background设置为子div元素，例如-

<div id="LineElement">
  <div></div>
</div>

#LineElement {
   background-color: black;
  padding: 3px;
}

#LineElement div {
   background-color: orange /* set the color from the java code */;
   width: 40%; /* Adjust the width from the java code */
   height: 2px;
}

要访问子div，您可以使用


  lineElement.getElement（）。getFirstChild（）;