Comment remplacer CSS Zone de la taille pour un seul domaine sur la page?

J'ai le code CSS suivant à l'intérieur de mon Twitter Bootstrap fichier:

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

Il est à l'origine un problème avec mon éditeur TinyMCE, principalement le redimensionnement de la zone de texte. De toute façon si je supprime le code ci-dessus, c'est tout bon, mais évidemment j'ai besoin de lui à cause sinon le reste de Bootstrap pauses.

Alors, comment puis-je remplacer le ci-dessus pour juste TinyMCE? J'ai essayé ceci:

.tinymce-editor,
.tinymce-editor:before,
.tinymce-editor:after {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

Mais pas de chance. .tinymce-editor se trouve être le div que mon éditeur est à l'intérieur.

J'allais le suggérer .tinymce-editor *.. vous n'avez probablement pas besoin de !important.
Essayez d'éviter d'utiliser !important en ajoutant un autre niveau de sélecteur, aka .parent .tinymce-editor *,
Vous pouvez répondre à votre propre question. Au lieu d'ajouter la réponse à la question de l'ajouter comme une réponse.
@Hitautodestruct dit, vous avez besoin de publier la réponse comme une réponse, pas un montage.

OriginalL'auteur TK123 | 2013-12-06