Не удается сбросить CSS Внешний вид собственности

Сайт я работаю имеет удалить выпадающий стрелки из коробки с:Не удается сбросить CSS Внешний вид собственности

select { 
     -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
}

Мне нужно, чтобы добавить его обратно, но ничего я пытался не работал до сих пор

select { 
 
    -webkit-appearance: none; 
 
    -moz-appearance: none; 
 
    appearance: none; 
 
} 
 
select.diff { 
 
    /* Aswell as normal, I have also tried revert & unset */ 
 
    -webkit-appearance: normal; 
 
    -moz-appearance: normal; 
 
    appearance: normal; 
 
}

<select> 
 
    <option>Trains</option> 
 
    <option>Planes</option> 
 
    <option>Automobiles</option> 
 
</select> 
 
<select class="diff"> 
 
    <option>Oranges</option> 
 
    <option>Pears</option> 
 
    <option>Apple</option> 
 
</select>

источник

2016-08-31 Holly

[Сброс его не вариант] (https: //developer.mozilla. org/en-US/docs/Web/CSS/-moz-появление) (посмотрите формальный синтаксис), вероятно, потому, что он не является частью реального стандарта. – BSMP

Просто ссылка для всех, кто попадает на этот пост, но, возможно, ищет другой элемент: https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance –

вам нужно установить как menulist

select { 
 
    -webkit-appearance: none; 
 
    -moz-appearance: none; 
 
    appearance: none; 
 
} 
 
select.diff { 
 
    -webkit-appearance: menulist; 
 
    -moz-appearance: menulist; 
 
    appearance: menulist; 
 
}

<select> 
 
    <option>Trains</option> 
 
    <option>Planes</option> 
 
    <option>Automobiles</option> 
 
</select> 
 
<select class="diff"> 
 
    <option>Oranges</option> 
 
    <option>Pears</option> 
 
    <option>Apple</option> 
 
</select>

Проверить appearance варианты here

источник

2016-08-31 16:46:00 dippas

спасибо. Вы знаете, что другой оценщик для свойства внешнего вида? Или где-нибудь я могу посмотреть их – Holly

Я связал это уже в своем ответе, вы его проверили? – dippas

Вы можете проверить это here.

источник

2016-08-31 16:51:04

вы можете использовать класс :not() псевдо фильтровать select Ведьма применять это правило:

select:not([class]) { 
 
    -webkit-appearance: none; 
 
    -moz-appearance: none; 
 
    appearance: none; 
 
}

<select> 
 
    <option>Trains</option> 
 
    <option>Planes</option> 
 
    <option>Automobiles</option> 
 
</select> 
 
<select class="diff"> 
 
    <option>Oranges</option> 
 
    <option>Pears</option> 
 
    <option>Apple</option> 
 
</select>

источник

2016-08-31 17:24:10

Не удается сбросить CSS Внешний вид собственности

ответ

Смежные вопросы