изменить стиль опций.

[ky3mu4]

Добрый день! подскажите пожалуйста, как я могу поменять стиль опций в карточке товара и в категориях.

хотелось бы сделать такие, только изменить цвет на оранжевый :

 

[Гість]

ky3mu4, в html и css шарите?

Змінено 11 липня 2017 користувачем Гість

[ky3mu4]

ну как сказать)) скорее нет чем да) суть я понял что надо поменять в стилях, и на странице продукта. просто не знаю что именно. начинает плыть веся тема

Legenda,

[Гість]

Вот вам пример: <label class="radio-label">
                               <input type="radio" id name="new-radio" value="M" checked="checked">
                                 <span class="radio-icon"></span>
                              </label>

Вот вам стили:   .radio-label input {

                               display: none;

                            }

                           .radio-label .radio-icon {

                              display: inline-block;

                              vertical-align: top;

                              width: 20px;

                              height: 20px;

                              border: 1px solid #ccc;

                              border-radius: 50%;

                              position: absolute;

                              left: 0;

                              top: 50%;

                              -webkit-transform: translateY(-50%);

                              transform: translateY(-50%);

                              background-color: #fff;

                              transition: .1s ease-in-out;

                            }

                          .radio-label input:checked+.radio-icon:before {

                              opacity: 1;

                            }

                          .radio-label .radio-icon:before {

                              content: "";

                              position: absolute;

                              left: 50%;

                              top: 50%;

                              -webkit-transform: translate(-50%,-50%);

                              transform: translate(-50%,-50%);

                              width: 8px;

                              height: 8px;

                              border-radius: 50%;

                              background-color: #5cb4e4;

                              opacity: 0;

                              transition: .1s ease-in-out;

                            }

Дальше уж стилями как душе угодно

Змінено 11 липня 2017 користувачем Гість