Я не уверен, что происходит. Должен быть флажок слева от "Remember Me" и два тестовых снизу, потому что у меня есть велосипед, у меня есть машина. Они отображаются в Firefox, но не в Chrome. Я считаю, что у меня проблема с CSS, но не могу найти ее? Кто-нибудь может помочь?
Флажки, не отображающие Chrome. Работа в других браузерах.
Ответ 1
Эта строка в вашем CSS:
-webkit-appearance: none;
В правиле стиля для input, button, select, textarea ломаются вещи для вас.
Ответ 2
Я отвечаю на более широком уровне тем, кто сталкивается с этой проблемой, когда флажки не отображаются в Chrome. И были направлены сюда от Google. Вы также можете иметь эту проблему в Safari, так как оба в настоящее время используют WebKit.
Мы столкнулись с этой проблемой на нашем собственном веб-сайте, где флажки и радиовходы не отображались должным образом. Но исправили это, добавив это в наш CSS.
input[type=checkbox]
{
-webkit-appearance:checkbox;
}
Теперь все отлично работает.
Как вы можете видеть, другой разработчик добавил -webkit-appearance: none; как в твоем случае. В нашем случае это было потому, что я начал с темы.
Но чтобы быть абсолютно уверенным, что входные данные отображаются, можно просто объявить эти правила в своем CSS. На этой странице я поместил стили в <style> (что я не рекомендую), но я сделал снимок экрана, когда все еще тестировал. Лучше было бы удалить конфликтующие стили и добавить стили в соответствующую папку.
Дополнительные ресурсы:
https://css-tricks.com/almanac/properties/a/appearance/
https://davidwalsh.name/webkit-appearance
Что такое WebKit и как он связан с CSS?
https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html
Ответ 3
Вы определили правило стиля:
-webkit-appearance: none;
определенный для input, button, select, textarea, вы должны удалить его и будете работать.
У вас также есть ошибка JS в консоли: Uncaught ReferenceError: containerz is not defined, проверьте его.
Ответ 4
Если вы даете ширину 0px флажку в Firefox, вы сможете увидеть его, но если вы откроете тот же код в Chrome, флажок будет невидимым.
Ответ 5
У меня была та же проблема. Когда я отключил расширение Ad-Block, он сработает!
Затем я добавил исключение на этот сайт в Ad-Block.
Ответ 6
Установка значения флажка в true для меня
value="true"
Ответ 7
большое спасибо за этот ввод, у меня была эта проблема с моим chrome и IE, но теперь все нормально, добавив эти строки в мой css, страшно видеть, что они больше не являются стандартом.