Как добавить изображение к элементам, сгенерированным тегом h: outputText и стилизовать их - PullRequest
0 голосов
/ 17 октября 2018

У меня проблема с тегом 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.

Я уже назначил метку, поле и всплывающее окно с текстом.Изображения и цвет на фоне этикетки - загадка.

Надеюсь, вы понимаете, что я пытался сказать, ура!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...