Member 10700524 Ответов: 2

Одиночная кнопка выбора проблема группового пространства и box-shadow не работают в браузере safari

Я создал единую группу кнопок выбора с помощью переключателя с тегом метки с помощью css display: table и table-cell для превышения или переполнения текстового содержимого в каждой кнопке. Он отлично работает во всех браузерах (Chrome, Firefox и IE) , ожидающих браузера Safari.

Я получаю пространство между каждой кнопкой. Я пробовал некоторые хаки и онлайн-решения, но я не в состоянии найти/исправить правильное решение.

Скриншот: https://i.stack.imgur.com/oLsmo.png[^]

JSFiddle: Edit fiddle - JSFiddle[^]

Что я уже пробовал:

JSFiddle : Edit fiddle - JSFiddle[^]

2 Ответов

Рейтинг:
1

Member 10700524

Он работает частично, но когда вы добавляете больше текста, Текст не оборачивается должным образом.

Пожалуйста, проверьте ссылки ниже:

Скрипка1: Edit fiddle - JSFiddle[^]

Скрипка2: Edit fiddle - JSFiddle[^]

Эти вещи работают должным образом во всех браузерах, кроме Safari.

Рейтинг:
0

Member 12656556 

.selection-group .single-select {
    /* display: table; */
    /* font-size: 0; */
    display: inline-block;
    width: 100%;
}


.selection-group input + label
{
дисплей: встроенный блок;
поплавок: левый;
}

Member 10700524

Он работает частично, но когда вы добавляете больше текста, Текст не оборачивается должным образом.

Пожалуйста, проверьте ссылки ниже:

Скрипка1: https://jsfiddle.net/tor9f82q/4/

Скрипка2: https://jsfiddle.net/tor9f82q/5/

Эти вещи работают должным образом во всех браузерах, кроме Safari.