Флажок и выпадающие стрелки невидимы в Chrome

Question

По какой-то причине мои флажки и раскрывающиеся стрелки не отображаются в Chrome, однако они все еще работают.

Они отлично видны в IE.Когда я загружаю страницу в IE, а затем пытаюсь загрузить страницу в Chrome, они обычно появляются, пока я не обновлю страницу снова в Chrome.

Кто-нибудь знает, в чем может быть проблема?

Справочное изображение: http://i.imgur.com/Q66w6.png

Answer 1

«Решение» этой проблемы Chrome состоит в том, чтобы

• открыть диспетчер задач
• обновить страницу в Chrome, когда диспетчер Taks открыт перед браузером.

Я не мог поверить, что это действительно сработает, когда я прочитаю об этом, но я видел это своими глазами.Эта проблема, очевидно, существует с ранних версий Chrome и до сих пор существует в текущих версиях, хотя встречается только изредка.Кажется, после этого исправления он навсегда исчез.

Answer 2

В браузерах webkit следующий код удалит выпадающие стрелки.

select{
  -webkit-appearance:none;
}

Проверка в вашем браузере инспектора покажет, применяется ли он в вашем случае.

Answer 3

У меня была та же проблема

Попробуйте использовать этот стиль подавления всех CSS, который действует в элементе флажка ввода.

-webkit-appearance: checkbox!important; 

Answer 4

Как отметил пользователь 48956;установка ширины ввода в 100% приводит к исчезновению флажков в chrome.

Я использую загрузчик и часто имею формы, в которых я хочу, чтобы все вводы растягивались на 100%, и не хочу использовать методы форм начальной загрузки и эта проблема все еще возникает.

Если вы определили input {width:100%}, вы можете поместить ширину в div, содержащий флажок, и он будет исправлен.например,

<div style="display:inline-block; width:20px"><input type="checkbox" name="read_privacy_policy" id="read_privacy_policy" class="pull-left"></div>
<div style="display:inline-block">I have read and understand the Privacy Policy.*</div>

или вы можете установить style="width:auto" на самом входе

Answer 5

Нашел этот вопрос, имея ту же проблему.

Установка:

input {
   width:100%
}

была причиной проблемы для меня.Это:

input[text] {
   width:100%
}

было тем, что я хотел (оставьте ширину флажков без изменений) - установка ширины флажков в chrome, кажется, заставляет их исчезнуть.

Answer 6

Я думаю, что это ошибка, и она все еще там. Я использую флажки в окне ligthbox, и они не отображаются. Я на OS-X использую Chrome 21.