Как переопределить размер шкатулки CSS только для одной области на странице?

У меня есть следующий CSS внутри моего файла Bootstrap Twitter:

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

Это вызывает проблему с моим редактором TinyMCE, главным образом, с изменением размера текстовой области. В любом случае, если я удаляю вышеуказанный код, все хорошо, но, очевидно, мне это нужно на месте, иначе остальная часть Bootstrap ломается.

Итак, как мне переопределить выше всего лишь TinyMCE? Я пробовал это:

.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;
}

Но не повезло. .tinymce-editor - это div, в котором находится мой редактор.

Ответ 1