Стилизация Catselector

Стилизоваць select в Catselector

Edward

#43301 2018-03-03 08:41

#43297 pronchak:
По вашему примеру получается селект в селекте. Ведь список выводится через {PHP.c|catselector_selectbox('projects', $this, 'c')}.

https://jsfiddle.net/aqa336aa/6/

какой еще select в select'е ?

Вы на первый пример пример смотрели?

Я там 2 селекта для сравнения сделал, чтобы показать, что стили работают.

https://jsfiddle.net/EddG/aqa336aa/4/

А вы вот здесь https://jsfiddle.net/aqa336aa/6/ зачем то в севисе jsfiddel пытаетесь воткнуть функцию cotonti. Конечно там она не будет работать.

Учите основы хотя бы сначала, как CSS работает.

Добавлено 5 минут спустя:

Файл шаблона

        
              <div class="c-select">
{PHP.c|catselector_selectbox('projects', $this, 'c')}
</div>

файл стилей css:

        
          
          
              
              .c-select select[name=c] {
  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 select[name=c]:focus {
  border-color: #51a7e8;
  outline: none;
}
   
.c-select select[name=c]::-ms-expand {
  opacity: 0;
}

            

        
      

и все работает.

Не видите изменений - чистите кэш котонти и обновите страницу через cotnrol+f5

Email: ed.gabishev@gmail.com
Telegram: https://t.me/Ed_Gaba

Dit bericht is bewerkt door Edward (2018-03-03 08:46, 7 jaren ago)