Отображение CSS: блок не работает на google-chrome на окнах 7

Я встречаюсь с странной проблемой в css. Вы можете увидеть форму с флажком здесь . Текст с флажком не выровнен правильно. Он разбивается на две линии. Он отлично работает на FF, IE, Chromium на Linux и опере, но не на хроме на окнах 7.
Теперь вот смешная часть. Щелкните правой кнопкой мыши любое чувство, например. Должен следить и проверять элемент. Это первое совпадающее правило CSS

.addCheckbox label, .addRadio label {
font-size: 15px;
}

Измените это и добавьте display: block . Итак, новый CSS будет

.addCheckbox label, .addRadio label {
font-size: 15px;
display: block;
}

Теперь отключите вновь добавленный CSS, сняв флажок display: block и voila, вы можете увидеть форму, отлично визуализированную. Так что я получаю разные рендеринга с тем же CSS. Кто-нибудь знает, как это исправить? Тот же CSS работал нормально с хром на окнах 7, пока кто-то не заметил это недавно.

Информация о браузере: Chrome 24.0.1312.57 на Windows 7

0
nl ja de
Вы пытались заставить дисплей с меткой .addCheckbox, .addRadio label {display: inline; } ?
добавлено автор zessx, источник
По силовому дисплею u означает добавление «display: block» в мой файл css? Да, я пробовал, но ничего не изменилось
добавлено автор Terminal, источник
Этот тег не имеет никакого значения. Я их удалил. В поле checkbox нет float: осталось. Вы можете указать номер строки.
добавлено автор Terminal, источник
@ KhurramIshaque благодарит, что это, безусловно, движение в правильном направлении. Я обновил код и css, но все еще показываю проблему с помощью переключателя.
добавлено автор Terminal, источник
удаление дисплея: встроенный блок или его изменение в Inline работает отлично. Вы можете написать свой комментарий в качестве ответа и объяснить причину, чтобы кто-то другой мог воспользоваться обсуждением. Я буду принимать его как правильный ответ.
добавлено автор Terminal, источник
Почему вы не включаете тег , который содержит значок внутри интервала флажка inline? Плюс удалить float: слева от класса checkbox, я думаю, что здесь это не нужно. И дайте маржу слева от Label. Надеюсь, поможет.
добавлено автор Khurram Ishaque, источник
Класс: .radio input [type = "radio"], .checkbox input [type = "checkbox"] {float: left; margin-left: -18px; } в out18.css
добавлено автор Khurram Ishaque, источник
хорошо, насколько я вам предлагаю, это из этого класса: .radio.inline, .checkbox.inline ... попробуйте удалить отображение: встроенный блок и управлять линией и диапазоном с заполнением и разметкой. Помните меня, попробуйте использовать display: block для Label of Remember me.
добавлено автор Khurram Ishaque, источник

1 ответы

Удалить float: осталось от класса checkbox, я думаю, что здесь это не нужно. И отрегулируйте метку метки с пометкой слева.

Кроме того, из этого класса: .radio.inline, .checkbox.inline ... попробуйте удалить отображение: встроенный блок и контролировать li и span с заполнением и разметкой. Помните меня, попробуйте использовать display: block для Label of Remember me.

Надеюсь, поможет.

1
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

CSS — русскоговорящее сообщество
CSS — русскоговорящее сообщество
1 502 участник(ов)

Сообщество любителей CSS Возникли проблемы с CSS? – пиши сюда, обсудим и предложим самое лучшее решение Работа: @css_ru_jobs Правила: https://teletype.in/@css_ru/r1EWtQ2w7 Приходите в наши чаты @javascript_ru и @frontend_ru Флуд: @css_flood

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing

css_jobs
css_jobs
26 участник(ов)

Чат для вопросов по css и html: @css_ru Флуд: @css_flood Канал с вакансиями и резюме: @css_jobs_feed

css_флуд
css_флуд
10 участник(ов)