CSS

Is it possible to give a selected option in a a different colour and if so how? Thanks

I am familiar with the concept of inheritance but cannot determine how to fix my CSS. Because I'm using an iframe tag, it appears that unless I set the desired height attribute for head, body, div (the one marked with ID #content), and iframe to 98% (or any other desired number), the presentation collapses. Each tag seems to requires the height attribute. (This is my first use of the iframe tag.)

I've been asked to be honorary editor of an online magazine and I'm trying to bring it up to date. As well as writing and editing content, I want to look at using a css file for styling and to bring in Bootstrap for display on different devices. The magazine was born in an age when phones were dumb or dumber and everyone viewed pages on a desktop!

I only have basic knowledge of CSS and a reasonable familiarity with HTML, sufficient to know when something is inefficient! Some parts I cannot change, ie the corporate style.

Is it possible for a column width to be changed based on a user action without page refresh.

For example, I have a collapsible table. If it's collapsed by the user, I want to the column width to adjust to say 30px, when it's not I want it at say 300px.

The default is open at 300px

Having a minmax value doesn't seem to change it.

Hello, this is my first post! Great site!

I am stuck with stretched text as a result of applying transform: scaleY(2).

I have the following html:

<div class="item-box">
    <div class="category-item">
        <h2 class="title">
            <a href="#" title="Show product">
                label
            </a>
        </h2>
        <div class="picture">
            <a href="#" title="Show product">
                <img alt="Picture for product" src="path" title="Show product">
            </a>
        </div>
    </div>
</div>

And the CSS: