Question

我对JSF h：outputText标记有疑问。它生成的文本仅在我们单击放置在标签标记中的复选框时才可见。我必须添加两个图像（这将取决于场景），以使文本和图像同时出现。除此之外，在某些情况下（方案3），必须更改标签背景的颜色。

简化版本的结构如下：

<label>
	<span class="flex-container">
		<span class="checkbox"></span>
		<span class="JSF"> "123" </span>
	</span>
</label>

以下是图形表示形式：https://imgur.com/a/WImn8Wh

我有三种情况。第一个代表未单击复选框。第二个代表已单击但未满足订单条件。第三个事件发生在单击框并满足订单条件时。

我不知道如何在不使用JS的情况下实现该功能。我所有的东西都是CSS和HTML。

我已经设置了标签，框和带有文本的弹出窗口的样式。标签背景上的图像和颜色是一个谜。

我希望你能理解我的意思，干杯!