Jump to content
Sign in to follow this  
kirill111

[Решено?..] Как изменить стили input type="radio"

Recommended Posts

Доброго времени суток!
Интересует как изменить стандартные стили input.

Ocstore 1.5.5.1.1

Или направьте в каком файле искать.

 

Share this post


Link to post
Share on other sites

Если речь идёт о том, чтобы изменить внешний вид переключателей, то это можно сделать через background и appearance. Если нужно кросбраузерно, с поддержкой старой Оперы и IE, то рядом с input просто делаете label, input прячете, label стилизируете, например:

<span class="custom-radio-input">
    <input type="radio" id="radio-input-1" />
    <label for="radio-input-1"></label>
</span>
.custom-radio-input input {
    display: none;
}
.custom-radio-input label {
    /* Тут задаём стили для НЕвыбранного input */
}
.custom-radio-input input:checked ~ label {
    /* Тут задаём стили для выбранного input */
}

Share this post


Link to post
Share on other sites

Спасибо за наводку, для категорий нужно делать вот так:

<input id="<?php echo $option_value['product_option_value_id']; ?>"  />
<label for="<?php echo $option_value['product_option_value_id']; ?>"> </label>

Share this post


Link to post
Share on other sites
ArtenPitov, спасибо большое

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By apploen
      Здравствуйте. Объясните пожалуйста пошагово как в yml изменить тег oldprice на price_old. Спасибо!

    • By imRoman
      Здравствуйте.Критично медленно работает сайт ,срочно нужна помощь http://imperialmoda.ru/zhenckaya-odezhda/plat-ya/vecna-leto-913820470 (PageSpeed значение 10 для мобильных 36)
    • By KURY201901
      Здравствуйте, помогите пожалуйста, удалял валюту и после это появилось сообщение и все перевелось на не понятный язык. Заранее спасибо
      Ссылка на сам сайт http://ldjutyh.beget.tech/
    • By 7kov
      Здравствуйте!
      Требуется ваша помощь в решении проблемы, готов оплатить за исправление данной ошибки.
      При оплате товаров в долларах в некоторых случаях оплата не засчитывается, в личном кабинете PayPal в операции стоит 0
      https://prnt.sc/mpq6mq
       
    • By russtrikotag
      Ищу помощь в исправлении работы корзины. Сайт https://russtrikotaj.ru/.
      Даже не могу понять после каких действий, сломалась корзина!!!
      Клиент кладет товар в корзину, а в всплывающем окне показывает совсем другой товар.
      Что-то типа системный КЭШ корзины.
      Откат резервной копии не помог.
      Video_2019-01-31_183353.wmv
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.