How to override CSS Box Sizing for just one area on page?

Tags: html,css,twitter-bootstrap

Problem :

I have the following CSS inside my Twitter Bootstrap file:

*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

It is causing a problem with my TinyMCE editor, mainly the resizing of the textarea. Anyway if I remove the above code all is good, but obviously I need it in place cause otherwise the rest of Bootstrap breaks.

So how do I override the above for just TinyMCE? I tried this:

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

But no luck. .tinymce-editor happens to be the div that my editor is inside.

Solution :

Nevermind just got it:

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

    CSS Howto..

    how to make RegEx to match CSS non greedy for a part of the match

    How to specify styles for h:panelgrid in jsf

    How to make pure css floating tooltips (absolutely positioned span) dynamically resize to accommodate text

    How to scale a fixed-width website to an iPad viewport

    HTML/CSS | How to place different elements in a header div to different positions?

    How can I get a Select elements Options to “right-width” but leave the width of the Select itself unchanged?

    How to make a CSS Menu “Selected” with Hover Image Gallery Effect?

    How to change color of a single letter in a word using CSS/HTML or Javascript [closed]

    CSS: How to set minimum and maximum height according to inside?

    How to manage length of dashes

    how to get the css floating property to work with four divs?

    How to make string comparison exactly

    how to center an item when it's the only one in a multi-column layout

    CSS - How to align content to middle using bootstrap?

    How to style a PHP generated label?

    How to put the footer at the bottom of the visible page?

    How to change CSS of child element inside parent
    element Using jQuery onclick event?

    How to remove CSS Class in aspx pages source codes using Regex?

    How to make a curve on a rectangle's top in css? only in top edge

    how to apply css on specific td on first tr

    How do customize option box that pops up when selectbox is clicked (iOS, HTML, CSS)

    How do I offset where my fixed nav bar takes me?

    show html element before sending ajax sync request

    HTML, CSS - image inside image, how to do that?

    How to use existing SVG symbols (in a file) as markers in highcharts?

    How can I center a box in CSS?

    How to hide and show a
    onclick when there's already an action for click?

    How can I prevent divs animated using CSS keyframes from colliding

    How can I get the text style from window.selection()?

    How to properly position a Bootstrap carousel-caption?