Стилизоваць select в Catselector
| pronchak |
|
|---|---|
|
Доброго времени суток, Всем! В файле projects.list.tpl вместо {SEARCH_CAT} вставил {PHP.c|catselector_selectbox('projects', $this, 'c')}. Когда было {SEARCH_CAT} класс select стилизовался как угодно, после замены, что бы я не делал со стилями css не могу убрать стандартное обрамление и стрелку раскрывающегося списка. {PHP.c|catselector_selectbox('projects', $this, 'c')} заключил в блок div и приписал class="c-select" и все равно ни чего не изменилось ниже сам код css:
.c-select {
display: inline-block;
max-width: 100%;
-webkit-appearance: none;
padding: .375rem 1.75rem .375rem .75rem;
padding-right: .75rem \9;
color: #55595c;
vertical-align: middle;
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center;
background-image: none \9;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
border: 1px solid #ccc;
-moz-appearance: none;
}
.c-select:focus {
border-color: #51a7e8;
outline: none;
}
.c-select::-ms-expand {
opacity: 0;
}
Вот ссылка на скрин селекта, смотреть "Виды работ": https://ibb.co/js2AQ7 Помогите чем кто может. P.S. Тема (шаблон) Masters. |