2016-02-27 2 views
0

У меня есть небольшой скользящий элемент управления, который я кодирую в простых HTML и JS. это выглядит в хроме:HTML checkbox 'checked' свойство влияет на стиль?

enter image description here

Когда ни один из флажков не установлен, он работает, как ожидалось, но когда я проверяю флажок, выравнивание правого иконки брейков:

enter image description here

Это происходит как в хроме, так и в firefox.
Живого примера здесь:

http://shooshx.github.io/happysolver/emscripten/index.html

Что разница в стиле между проверяемым и непроверенным флажком?
Как исправить несоответствие?

+2

Я немного удивлен, я должен упомянуть это вам: Пожалуйста, укажите соответствующий код в ваш вопрос, на SO руководящих принципов. Это сообщение теряет все ссылочные значения, если ваша связь github умирает. –

+0

Ну, на самом деле вопрос: «Какая разница в стиле между отмеченным и непроверенным флажком?» ... вам действительно не нужна ссылка на код, чтобы ответить, что – shoosh

ответ

1

Вы должны удалить float:right из .cube_count

Result

+0

Попробуйте удалить тег стиля в начале страницы. Вы увидите, что есть другие флажки и вкладки, которые не видны на вашей странице, пока вы не удалите стиль. Элементы класса .cube_count имеют этот float: правый, что вызывает проблему. (Узнайте с помощью инструмента контрольного элемента) – silviagreen