How do you clear style settings?

  • Is there a way to mark your code in such a way to ignore previous style settings? I’ve coded the forms on my blog to include an image in the textareas to give them depth. Unfortunately, that style has carried over to the buttons as well.

    I’m either not coding my style sheet properly to keep the buttons protected from that style, or I need some way of telling the code to “view button as default”.

    As always, thanks for any help. ??

Viewing 8 replies - 1 through 8 (of 8 total)

  • Having a different class for each area is one way to tackle this sort of crossover.
    Is this on a testblog ?

    Thread Starter davincim

    (@davincim)

    Yes, it’s on https://familywebwatch.com/blog_test/2005/04/21/test-for-blockquote/ for example.

    The buttons in the comment form (anywhere on the blog, really) have the image and I want to remove that. I just want the image in the fields/textareas. My style sheet has this:


    input {
    background: url(https://www.familywebwatch.com/blog_test/wp-images/input_bg.gif);
    background-repeat: repeat-x;
    border: 1px solid #888888;
    padding: 2px;
    margin: 2px 2px 1px 0;
    }

    textarea {
    background: url(https://www.familywebwatch.com/blog_test/wp-images/input_bg.gif);
    background-repeat: repeat-x;
    border: 1px solid #888888;
    width: 98%;
    padding: 2px;
    }

    I’m not too familiar with “input”; is that affecting the buttons?

    “input” is a general term and it will occur several times. In a well written form the inputs have id’s, so you’d be able to style them using their #id.

    Thread Starter davincim

    (@davincim)

    Thanks moshu. Are you saying that would be where I’d want to affect the style of the buttons, by placing an id for them? Or is there another term for buttons like there is for textarea? I’m guessing “button”, but not sure.

    If you read your index you will see that in the search form the text box has an id of #s. The button is #searchbutton. You can style them independently with #s {etc}

    Thread Starter davincim

    (@davincim)

    Thanks Root. While the #searchbutton does affect the look of the button, I want it to look like a regular button — no styles, just the usual button you’d see in a form with rounded corners (usually).

    After doing some more tweaking I tried removing the “input” style and that removed the background image from the buttons and left the fields intact. However, the buttons could look better.

    Using https://www.alexking.org/software/javascript/js_quicktags/index.html as a reference (not using the javascript, I just like the way the buttons look), I can’t tell how those buttons display the way they do. There’s no css that I can tell. I figured those buttons were a default look.

    That’s why I thought there might be a code to “reset” the styles to a default look.

    davincim, what browser are you using? I ask because in Firefox, the buttons are the usual dark gray rectangular ones. In Opera — for which I have a Mac-like skin — the buttons look like clear grey glass, which is a function of the Opera skin.

    What are you seeing?

    Thread Starter davincim

    (@davincim)

    @dianev – I’m using Firefox. If you look at the example link above at Alex’s site you may see buttons with rounded corners and a slight gradation of white to grey on the buttons themselves. I figured that those were so standard that there must be a way to get them that way.

    But if you go to my test blog (also above) it’s obviously using something in my style sheet to make them look rectangular and have a beige color. Maybe it’s just a matter of it overriding the default. Hmmm…

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How do you clear style settings?’ is closed to new replies.