Question

我有三个按钮。将鼠标悬停时会显示动画。我使用ejs渲染引擎加载文件。我想为这三个按钮设置不同的动画颜色，并在发送html页面时动态设置它们。

我尝试过这样的事情：

    adapter = new TripSelectAdapter(this, thisContext, tripItems);
    mTripList.setAdapter(adapter);

所有动画都是通过<button class="button button--style" onclick="window.location.href='/location'" style=":after {background: <%= color %>;}">Button 1</button>定义的，我还在那里定义了after样式：

button-style

我该如何实现？

Answer 1

您将不得不改用类，并在后面的代码中设置类。如前所述，您不能在样式标签中使用伪类；

<button class="button button--style" onclick="window.location.href='/location'" class="<%= class1variable %>">Button 1</button>

class1::after {
    background-color: #F0F0F0;
}

class2::after {
    background-color: #BLAH;
}

在HTML代码中动态设置选择器样式

1 个答案: