CSS - Stile Konflikt

Question

In meinem aktuellen Projekt verwende ich Vendor Javascript Plugin. Und es hat sein eigenes CSS. Aber wenn ich Foundation hinzufüge, bricht es das Aussehen dieses Plugins. Ohne Stiftung:

Mit Gründung:

Wie kann ich es beheben? Kann ich auf dem Plugin-Objekt andere Stile als den eigenen Stil ignorieren?

UPDATE

Meine CSS Deklarationsliste:

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

Das Plugin: http://www.jqueryscript.net/time-clock/Simple-Daily-Schedule-Plugin-with-jQuery-and-jQuery-UI-Schedule.html

Answer 1

Die Anzeigeprobleme Sie sehen, sind durch den Einsatz der Stiftung box-sizing: inherit.

Sie können dies außer Kraft setzen für #schedule durch eine neue Regel in der benutzerdefinierten Sheet fügt hinzu:

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