Как через input[type=radio] поменять у блока bg?

Question

[narkesss]

<div class="product-logo-txt">
                 <input class="product-logo-field" type="text" id="monogram-inp" min="1" max="3" placeholder="">
                          <label class="product-lbl" for="monogram-inp">Type your initials or name above</label>
                        </div>
                      </div>
                      <div class="product-monogram">
                        <h2 class="product-monogram-ttl">Choose your format</h2>
                        <input type="radio" name="monogram-change-control " id="cb1" value="format 1" checked="" />
                        <input type="radio" name="monogram-change-control " id="cb2" value="format 2"/>
                        <input type="radio" name="monogram-change-control " id="cb3" value="format 3"/>
                        <ul class="product-monogram-list clearfix">
                          <li>
                            <label class="monogram-control__lbl" for="cb1">
                              <div class="monogram-bg monogram-one-bg"></div>
                              <span>Max 10 letters</span>
                            </label>
                          </li>
                          <li>
                            <label class="monogram-control__lbl" for="cb2">
                               <div class="monogram-bg monogram-two-bg"></div>
                              <span>Max 3 letters</span>
                            </label>
                          </li>
                          <li>
                            <label class="monogram-control__lbl" for="cb3">
                               <div class="monogram-bg monogram-three-bg"></div>
                              <span>Max 3 letters</span>

Как у monogram-two-bg monogram-one-bg monogram-three-bg поменять бекграуныд?

Answer 1

[Владимир Проскурин]

В смысле так?

Comments

[Martovitskiy]

Норм! Недооценивал CSS. Чем больше знаю, тем больше знаю, что нихрена не знаю)

Answer 2

[snap44]

С вашей разметкой - никак.

Comments

[narkesss]

вставил инпуты в ли под низом лейблы

Answer 3

[Denis Melnikov]

JavaScript ?)

Comments

[narkesss]

css

[Denis Melnikov]

narkesss, даже стало интересно, как через css можно менять bg в зависимости от радио...

[narkesss]

Denis Melnikov, а через чекед некак ?

[Александр]

Denis Melnikov, вы недооцениваете мощь css, :checked и селектор ~

[Denis Melnikov]

Александр, да, наверное =)