У меня такая же версия Chrome 31 открыта для двух сайтов, и у одного сайта есть флажок справа, и я проверил стили в отладчике, но я не могу понять, что вызывает Это.Различные типы флагов Chrome
он должен быть применен пользовательский стиль Chrome, так как это просто, используя стандартный <input type="checkbox" />
это флажок с большим CSS width и height:
Оба сайта используют <input type="checkbox">
Я понял. Другой сайт был слегка увеличен в Chrome. Стиль CSS для перевода на альтернативный рендеринг - это ... масштабирование.
zoom: 1.1
По-видимому, любой зум, отличный от === 1, запускает рендеринг по умолчанию браузера. Я использую .9999, чтобы заставить Chrome правильно отображать. Я пробовал 1,0001, но это испортило Safari. – Moos
для меня стиль масштабирования не был достаточным для окон, я должен использовать преобразование, как описано в этой статье https://bugs.chromium.org/p/chromium/issues/detail?id=111406. – 4535992
Первый флажок установлен по умолчанию, второй флажок - обычай. Стандартный флажок, нарисованный каждым браузером по-своему. Пользовательский флажок меняет свой внешний вид с помощью JS + CSS для IE8 и рано или только с CSS с использованием :before и :after. DEMO с прозрачным CSS
выглядит хорошо, но я все еще пытаюсь выяснить, является ли другой флажок пользовательским, или если Chrome поддерживает другую версию, используя что-то вроде -webkit-appearance? – Timmerz
Я сделал версию, которая не требует использования <label> тега:
1 фрагмент CSS изменяет все галочки с мало хлопоты, был целью я шел.
Не потратил много времени на стиль, но вы получите суть.
Оскар ..довольно аккуратно –
Спасибо, был тематическим сайтом mybb и только видел, что люди говорят, что используют
Вроде бы так, что последний хром и IE, им контраст Firefox способен масштабировать флажки и радиокнопки требуемой ширину и высоту.
Следующий код масштабирует радиостанции и флажки размером 50 пикселей x 50 пикселей.
input[type=radio], input[type=checkbox] {
height: 50px; width: 50px;
}
Пожалуйста, сравните внешний вид в различных браузерах: https://jsfiddle.net/t9q0mny2/
вы проверить, какие рамки, плагины загружаются для каждого сайта? В отладчике см., Какие сценарии загружаются для каждого сайта. Возможно, один из них меняет флажки для одного из сайтов. –
проверьте этот вариант, возможно, довольно. (PrettyCheckable.js) или prettyCheckable.css http://arthurgouveia.com/ prettyCheckable/ –
На каком веб-сайте? Я уверен, что это делается так, что фактический ввод скрыт, и вы просто видите красивую версию, которая выглядит как вход. Вот как это делается и на prettyCheckable. – TreeTree