LESS：如何使用数据属性将变量实现到输入字段

我是一个新手，但我不知道如何将变量应用于具有特定数据属性的输入字段。这是我的问题：

我有多个输入字段

<input type=“text” data-value=“white” />
<input type=“text” data-value=“yellow” />
<input type=“text” data-value=“red” />

我怎样才能用更少的钱来缩短这个

提前谢谢你

有关解决此问题的提示，请参见和。一个问题是您不能只在url中使用attr，所以您需要另一种包含循环的方法。之前，您需要为数据值定义所有可能的值

---

因此，正确的副本可能是、等。奇怪的是，在变量名数组中循环似乎是非常流行的话题，尽管这是一个错误的解决方案。与循环变量名称不同，我们通常只需要循环变量值最多23分钟前的七个阶段

input[data-value=“white”]{
    background-image: url(“../images/white.svg”);
}
input[data-value=“yellow”]{
    background-image: url(“../images/yellow.svg”);
}
input[data-value=“red”]{
    background-image: url(“../images/red.svg”);
}

@colors: "green", "red", "blue";

.-(@i: length(@colors)) when (@i > 0) {
    @name: extract(@colors, @i);
    input[data-value="@{name}"] {
        background-image:url("../images/@{name}.svg");
    }
    .-((@i - 1));
} .-;