Как сделать эту форму одинаковой во всех браузерах?

Question

Как сделать эту форму одинаковой во всех браузерах?

0

проблема

Таким образом, у меня есть форма, которая отличается от Firefox, чем в Chrome. Все отлично, кроме двух последних пунктов: Max-Budget и Min-Budget.

Хром

Это желаемый вид.

Fire Fox

Вот как это выглядит на firefox

Что я могу сделать, чтобы они выглядели одинаково? Это только потому, что я не оставил достаточно места или есть разные CSS, которые я должен использовать?

Dan Cundy 06 март 2014, в 15:56

Источник

2

Примечание: «Выберите свой цвет» должно быть «Выберите свой цвет», и вы должны использовать либо «цвет», либо «цвет», но будьте последовательны в том, который вы используете;)
Niet the Dark Absol 06 март 2014, в 14:45
0

Вы, вероятно, должны показать код, который вы использовали для создания / стиля этих двух последних элементов
Andrew Koroluk 06 март 2014, в 14:46
0

Это странно. Трудно понять, что именно происходит, без использования инструментов разработчика Chrome или Firefox. Возможно, вы могли бы предоставить больше информации.
Charlie Walton 06 март 2014, в 14:46
0

Я бы попробовал запустить валидатор для разметки, возможно, есть какая-то ошибка в разметке, а не в CSS
dave 06 март 2014, в 14:47
0

@Niet the Dark Absol Спасибо, я довольно расслаблен с такими вещами, пока не буду готов к жизни. Хорошее место, хотя, спасибо еще раз! В любом случае, возможно, придется потерять часть цвета, так как она еще не полностью поддерживается всеми браузерами! Я очень хочу, чтобы они собрались вместе!
Dan Cundy 06 март 2014, в 14:48
1

Еще одно замечание: leaverou.github.io/contrast-ratio/#white-on-%23bbb (здесь был приближен цвет вашего фона) ... 1,9 не очень хорошее соотношение!
gvee 06 март 2014, в 14:49
0

В сети есть много статей об этих проблемах, большинство из которых связано с базовым уровнем и тем, как выстраивать вещи в разных браузерах. Но без ссылки или скрипки все, что мы скажем, будет просто дикой догадкой.
Rob 06 март 2014, в 14:49
0

@ gvee, что это .... выглядит интересно! Я все еще довольно новичок в веб-разработке, и это как небольшой инструмент, который я добавлю в свой процесс! Спасибо
Dan Cundy 06 март 2014, в 14:52
1

@DanCundy, вы всегда должны помнить о контрастности вашего текста и фона, так как зрение не у всех такое же хорошее, как у вас! На сайте W3.org есть несколько рекомендаций ( w3.org/TR/WCAG/#visual-audio-contrast-contrast ). рассмотрим этот пример ( leaverou.github.io/contrast-ratio/#%23128-on-%23123 ) - этот синий текст довольно сложно прочитать на синем фоне, а!
gvee 06 март 2014, в 15:13

Показать ещё 7 комментариев

Теги:

html

css

html5

cross-browser

1 ответ

Ещё вопросы

Примечание: «Выберите свой цвет» должно быть «Выберите свой цвет», и вы должны использовать либо «цвет», либо «цвет», но будьте последовательны в том, который вы используете;)
Вы, вероятно, должны показать код, который вы использовали для создания / стиля этих двух последних элементов
Это странно. Трудно понять, что именно происходит, без использования инструментов разработчика Chrome или Firefox. Возможно, вы могли бы предоставить больше информации.
Я бы попробовал запустить валидатор для разметки, возможно, есть какая-то ошибка в разметке, а не в CSS
@Niet the Dark Absol Спасибо, я довольно расслаблен с такими вещами, пока не буду готов к жизни. Хорошее место, хотя, спасибо еще раз! В любом случае, возможно, придется потерять часть цвета, так как она еще не полностью поддерживается всеми браузерами! Я очень хочу, чтобы они собрались вместе!
Еще одно замечание: leaverou.github.io/contrast-ratio/#white-on-%23bbb (здесь был приближен цвет вашего фона) ... 1,9 не очень хорошее соотношение!
В сети есть много статей об этих проблемах, большинство из которых связано с базовым уровнем и тем, как выстраивать вещи в разных браузерах. Но без ссылки или скрипки все, что мы скажем, будет просто дикой догадкой.
@ gvee, что это .... выглядит интересно! Я все еще довольно новичок в веб-разработке, и это как небольшой инструмент, который я добавлю в свой процесс! Спасибо
@DanCundy, вы всегда должны помнить о контрастности вашего текста и фона, так как зрение не у всех такое же хорошее, как у вас! На сайте W3.org есть несколько рекомендаций ( w3.org/TR/WCAG/#visual-audio-contrast-contrast ). рассмотрим этот пример ( leaverou.github.io/contrast-ratio/#%23128-on-%23123 ) - этот синий текст довольно сложно прочитать на синем фоне, а!

Niet the Dark Absol · Accepted Answer · 2014-03-06T13-36-00.000Z

Похоже, ваши метки float:left. Вы также должны добавить clear:left чтобы в таком случае (где метка немного длиннее) следующий ярлык не будет плавать вместе с ним.

Я думаю, что вы можете быть правы! Это похоже на это, я проверю позже, когда я закончу работу!
Пятно на, спасибо! :) Понятно: оба на втором наборе наклеек сделали это!