it-swarm.com.ru

Флажки, не отображающие Chrome - Работа в других браузерах

Я не уверен, что происходит. Слева от «Запомнить меня» должен быть флажок, а внизу - два тестовых, потому что у меня есть велосипед, у меня есть машина. Они отображаются в Firefox, но не в Chrome. Мне кажется, у меня проблема с CSS, но я не могу ее найти? Может кто-нибудь, пожалуйста, помогите?

http://www.cloudtute.com/auth

20
user1149620

Эта строка в вашем CSS:

-webkit-appearance: none;

В правиле стиля для input, button, select, textarea все для тебя ломается.

27
Mathijs Flietstra

Я отвечаю на более широком уровне тем, кто сталкивается с этой проблемой, когда флажки не отображаются в Chrome. И были направлены сюда от Google. Вы также можете столкнуться с этой проблемой в Safari, поскольку оба в настоящее время используют WebKit

Мы столкнулись с этой проблемой на нашем собственном веб-сайте, где флажки и радиовходы не отображались должным образом. Но исправили это, добавив это в наш CSS.

input[type=checkbox]
{
  -webkit-appearance:checkbox;
}

Теперь все отлично работает. 

success

Как видите, другой разработчик добавил -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

30
JGallardo

Вы определили правило стиля:

-webkit-appearance: none;

определенный для input, button, select, textarea, вы должны удалить его и будете работать.

У вас также есть ошибка JS в консоли: Uncaught ReferenceError: containerz is not defined, проверьте ее.

5
Irvin Dominin

Если вы установите ширину 0px для флажка в Firefox, вы сможете увидеть его, но если вы откроете тот же код в Chrome, флажок будет невидимым.

0
user1813774

Установка значения флажка в true работала для меня

value="true"
0
Jay Star

У меня была такая же проблема . Когда я отключил расширение Ad-Block, оно работало!

Затем я добавил исключение для этого сайта в Ad-Block.

0
GEORGE TARANTILS