0

Добрый день, такая проблема, во всех браузерах отображается нормально кнопка с определенным цветом, а в сафари на мобильном устройстве она серая. Уже по разному пробовал прописывать. Помогите пожалуйста.

    .form__send {
    float: right;
    margin-right: 9px;
    background: #77c364!important;
    background-color: #77c364!important;
    background-color: rgb(119, 195, 100)!important;
    background-color: vec3(0.47, 0.76, 0.39)!important;
    padding: 8px 15px!important;
    border: 0!important;
    color: #fff;
    box-shadow: 0px 2px 0px rgba(91, 162, 73, 1)!important;
    font-size: 14px!important;
    font-weight: 600!important;
    cursor: pointer}
<form method="post" action="" id="ajaxform">

                <div class="col-9">

                    <input id="name" size="32" maxlength="36" type="text" name="name" size="40" class="form__input name-input" placeholder="Iмя" val="">

                    <input id="email" size="32" maxlength="36" type="email" name="email" size="40" class="form__input email-input" placeholder="E-Mail" val="">

                    <textarea id="message" cols="25" rows="10" name="message" class="form__input text-area" aria-invalid="false" placeholder="Паведамленне" val=""></textarea>

                    <input id="send" class="form__send" type="submit" name="submit" value="Даслаць">

                </div>

            </form>

1 ответ 1

1

Добавьте это свойство

-webkit-appearance: none;
2
  • Кстати, хотел спросить, надо ли к этому свойству дописывать префиксы -moz- -ms- -o-, или пустая трата времени?
    – Eugen Eray
    15 мая 2017 в 17:22
  • для кнопок достаточно и без префиксов. Более детально css-tricks.com/almanac/properties/a/appearance
    – soledar10
    15 мая 2017 в 18:30

Ваш ответ

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

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