CSS - конфликт стилей

Question

В моем текущем проекте я использую плагин javascript поставщика. И у него есть собственный css. Но когда я добавляю Foundation, это нарушает внешний вид этого плагина. без основания:

С основания:

Как я могу это исправить? Могу ли я игнорировать стили, отличные от своего собственного стиля, на объекте плагина?

UPDATE

Мой список CSS декларации:

<link rel="stylesheet" href="/css/foundation.min.css" /> 
<link rel="stylesheet" href="/css/custom.css" /> 
<link rel="stylesheet" href="/css/schedule-style.css" /> 

Плагин: http://www.jqueryscript.net/time-clock/Simple-Daily-Schedule-Plugin-with-jQuery-and-jQuery-UI-Schedule.html

Answer 1

Проблемы отображения которые вы видите в использовании за счет Фонда в box-sizing: inherit.

Вы можете переопределить для #schedule путем добавления нового правила в пользовательской таблице стилей:

#schedule { 
    box-sizing: content-box; 
}