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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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