Доброе время суток! Есть кнопка для входа, на ПК отображается правильно, но стоит зайти через телефон, кнопка становится другая, а сам сайт отображается правильно.
В css правило для кнопки, на всякий случай выложу:
input[type="button"] {
font-size: 14px;
width: 116px;
height: 40px;
color: #fff;
background-color: #6383A8;
}
-
Что именно на телефоне по-другому? Какая ОС на телефоне?– stckvrw5 апр 2016 в 16:36
-
IOS, Кнопка по другому все остальное нормально, проверял в safari и в yandex browser одно и то же– Владислав5 апр 2016 в 16:37
-
Но что именно по-другому, уточните: шрифт, высота, ширина, цвет...?– stckvrw5 апр 2016 в 16:39
-
Полностью вся кнопка, она другого цвета, не круглая– Владислав5 апр 2016 в 16:48
-
@Владислав, возможно у вас bootstrap? скиньте весь код, пожалуйста(или фиддл), также попробуйте через другой браузер мобильного(хром, опера, т.д.)– coding_al5 апр 2016 в 17:36
|
Показать ещё 1 комментарий
1 ответ
Добавьте к стилю кнопки свойства:
-webkit-appearance: none;
-moz-appearance:none;
-
-
1Попробуйте
-webkit-border-radius:0;-moz-border-radius:0;
Я думал это только Андрогуманоиды искажают appearance. Оказывается "яблоки" тоже)– stckvrw5 апр 2016 в 19:28 -
Блин спасибо тебе большое, последний вопрос. Не подскажешь как можно вернуть длину input т.к она изменилась, стала меньше? 5 апр 2016 в 19:36
-
попробуйте установить инпуту свойство
display: block;
, сейчас похоже на то, что он инлайновый по умолчанию, для инлайновых элементов ширина не задаётся– alenkins6 апр 2016 в 6:40 -