Jak zastąpić rozmiar CSS Box dla tylko jednego obszaru na stronie? - html, css, twitter-bootstrap

Mam następujące pliki CSS w moim pliku Bootstrap na Twitterze:

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

To powoduje problem z moim edytorem TinyMCE,głównie zmiana rozmiaru textarea. W każdym razie, jeśli usunę powyższy kod, wszystko jest w porządku, ale oczywiście potrzebuję go na miejscu, ponieważ w przeciwnym razie reszta Bootstrapa zostanie zerwana.

Jak więc zastąpić powyższe tylko dla TinyMCE? Próbowałem tego:

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

Ale bez powodzenia. .tinymce-editor tak się składa, że ​​mój redaktor jest w środku.

Odpowiedzi:

Nevermind właśnie to zrobił:

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