1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. FAQ

Свой css к виджету

Главные вкладки

Аватар пользователя scofield scofield 12 марта 2014 в 16:02

Добрый день.

Имеем выпадающий список . он серый и некрасывый , хотим оформить его, допустим как . Вопрос как полностью переопределить css для данного типа виджета ?

Комментарии

Аватар пользователя sg85 sg85 12 марта 2014 в 20:49

в CSS файле темы дописать нужные стили(при этом крайне желательно, чтобы эта самая тема была кастомной), про то, как описываются\переопределяются стили, написано в любой книжке из серии "CSS для чайников"

Аватар пользователя scofield scofield 12 марта 2014 в 22:03
.form-select {
    border-radius: 0;
    background: green;
    height: 34px;
    padding: 5px;
    border: 0;
    font-size: 16px;
    line-height: 1;
    -webkit-appearance: none;
    width: 268px;
   }

.form-type-select  {
    border: 1px solid #CCC;
    overflow: hidden;
    height: 34px;
    background: url(http://wpandyou.ru/wp-content/uploads/2013/01/down_arrow_select.jpg) no-repeat right #DDD;
    width: 240px;
   }

в style.css . подправить класс и будет как нужно .