2

Доброе время суток! Есть кнопка для входа, на ПК отображается правильно, но стоит зайти через телефон, кнопка становится другая, а сам сайт отображается правильно. В css правило для кнопки, на всякий случай выложу: input[type="button"] { font-size: 14px; width: 116px; height: 40px; color: #fff; background-color: #6383A8; }

Помогите, как вернуть прежний вид? введите сюда описание изображения

6
  • Что именно на телефоне по-другому? Какая ОС на телефоне?
    – stckvrw
    5 апр 2016 в 16:36
  • IOS, Кнопка по другому все остальное нормально, проверял в safari и в yandex browser одно и то же 5 апр 2016 в 16:37
  • Но что именно по-другому, уточните: шрифт, высота, ширина, цвет...?
    – stckvrw
    5 апр 2016 в 16:39
  • Полностью вся кнопка, она другого цвета, не круглая 5 апр 2016 в 16:48
  • @Владислав, возможно у вас bootstrap? скиньте весь код, пожалуйста(или фиддл), также попробуйте через другой браузер мобильного(хром, опера, т.д.)
    – coding_al
    5 апр 2016 в 17:36

1 ответ 1

3

Добавьте к стилю кнопки свойства:

-webkit-appearance: none;
-moz-appearance:none;
5
  • Спасибо, работает, а можно как то закругление убрать кнопок? 5 апр 2016 в 19:04
  • 1
    Попробуйте -webkit-border-radius:0;-moz-border-radius:0; Я думал это только Андрогуманоиды искажают appearance. Оказывается "яблоки" тоже)
    – stckvrw
    5 апр 2016 в 19:28
  • Блин спасибо тебе большое, последний вопрос. Не подскажешь как можно вернуть длину input т.к она изменилась, стала меньше? 5 апр 2016 в 19:36
  • попробуйте установить инпуту свойство display: block;, сейчас похоже на то, что он инлайновый по умолчанию, для инлайновых элементов ширина не задаётся
    – alenkins
    6 апр 2016 в 6:40
  • Уже прописан, не решает эту проблему( Может есть другие варианты? 7 апр 2016 в 6:03

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.