Изменить встроенные jquery datepickers

Я использую встроенный jquery datepicker.

Мне нужно изменить класс .ui-widget-header

Теперь это так

<div class = "ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all"></div>

И у ui-widget-header такой стиль

ui-widget-header {
  border: 1px solid #dddddd/*{borderColorHeader}*/;
  background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
  color: #333333/*{fcHeader}*/;
  font-weight: bold;
}

Я пытался изменить это в своем scss

    .ui-datepicker-inline{
    background: #fff;
  .ui-datepicker-header{
    background: #fff;
    .ui-widget-header{
        border-bottom: 1px solid #efefef;
    }
  }
}

Но граница все же не только внизу.

Где моя проблема?

jquery css sass

04.04.2018 12:04

Как конвертировать HTML в PDF с помощью jsPDF

В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.

Ответы 1

Вероятно, вы захотите установить свойство border-color:

.ui-datepicker-header.ui-widget-header{
    border-color: transparent transparent #efefef;
}

В качестве альтернативы, вы также можете установить свойство border-width, но это может несколько изменить макет:

.ui-datepicker-header.ui-widget-header{
    border-width: 0 0 1px;
}

В чистом CSS это выглядело бы так:

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

.ui-datepicker-header.ui-widget-header {
    background: #fff;
    border-color: transparent transparent #efefef;
}

<div class = "ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all"></div>

Я хочу оставить только нижнюю границу

— 04.04.2018 12:10

Да, я понял ваш вопрос.

— 04.04.2018 12:12

Но я не могу его использовать с нижней границей?

— 04.04.2018 12:15

Это изменит только нижнюю границу. Остальные границы из .ui-widget-header останутся в силе.

— 04.04.2018 12:17

Возможно также полезно взглянуть на разницу между вложенными классами и несколькими классами: stackoverflow.com/questions/11084757/…

— 04.04.2018 12:28

04.04.2018 12:09

Другие вопросы по теме

Тег H поверх тега div с использованием CSS

Равномерно распределенные блоки div в зависимости от размера окна

Как показать переменное количество элементов на основе значения переменной CSS

Выберите первый или последний элемент потомка

Как удалить пробел между коллапсом меню переключения навигационной панели и заголовком

Избегайте отображения нескольких div в новой строке (IE11)

Потомки столбцов начальной загрузки ячеек таблицы не занимают полную высоту

Высота раскрывающегося меню панели навигации Bootstrap 4 отличается

Как передать значение css динамически созданной гиперссылки на другую страницу

Область шаблона сетки не поддерживается в Microsoft Edge

Изменить встроенные jquery datepickers

Ответы 1

Другие вопросы по теме

Похожие вопросы