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 Drazofila
      Опенкарт3
      Нужно исправить ошибку, повторяется товар.
      Пример во вложении.

      С уважением, Юлия.
       

    • By Onkei
      При авторизации,регистрации на сайте браузер не запоминает вход,при каждом новом заходе приходится вновь авторизовываться ,кто сталкивался?Как решить?
    • By Vistr
      Подскажите как перевести текст рядом с ReCaptcha? Не могу не где найти. 
      ocStore 3.0.2.0

    • By Socrat
      Доброго времени суток!
      Очень высокая нагрузка на хост.
      Обратился в техподдержку Beget
      На что мне ответили:
       
      Долгих запросов MySQL не нашёл в логах, видимо их просто было большое количество. Пост-фактум собрать такие запросы не получиться.
      Сейчас дополнительно поставили сбор запросов с Processlist.
      Запись идёт в файл:
      public_html/mysql_query_kristanh_im.log Вот собственно говоря и сам файл.
      mysql_query_kristanh_im.log
    • By Youdjean
      есть сайт, делал сам , https://dobrov.com.ua , что нужно
      1. номер телефона сделать кликабельным , выровнять его, сделать более симпатичным и адаптировать , на мобильной версии смотрится не очень - заваливается.
      2. вывести контакты сюда https://prnt.sc/tx6ser 
      3. убрать Hover https://prnt.sc/tx6vqc в идеале поставить какой-то модуль, который будет увеличивать фото при наведении.
      4. в мобильной версии при прокрутке товара , сделать 2 шт в ряд типа такого https://prnt.sc/tx72po  , а не 1 типа такое https://prnt.sc/txp0cb
      5. при добавлении большого количества фотографий они идут в строчку https://prnt.sc/txp36t и в мобильной версии всё рвется и из-за этого когда открываешь фото , оно идет куском https://prnt.sc/txp4nh в идеале сделать так, чтобы следующие фото под карточкой были большего размера , чтобы можно было на них нажать и понимать, что там они есть(выбрать цвет например)
      6. настроить модуль Simpla (пока не купил, куплю ) стоит Ajax Quick Checkout . 
      7. при отправке пустой формы приходит сообщение на почту( если просто отправить пробелы в номере и имени ) https://prnt.sc/txp9zp, нужно подшаманить либо просто поставить другой модуль . 
      8. сделать поправки для быстрой загрузки страницы Вот пример      выглядит  так https://prnt.sc/txpdk3
      Помочь подготовить сайт для запуска рекламы.  В идеале , может что-то ещё подскажите, было бы круто. Естественно не  ЗА БЕСПЛАТНО. 
  • 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.