Form fields and buttons look like "xp style" under windows 98

Posted on 2004-11-14
Last Modified: 2008-03-03
I want a css for making fileds and buttons in a form page  to look like windows xp (blue margins and little rounded) under windows 98.
In windows xp this style is maded by selected windows style.
Question by:krokutz
    LVL 30

    Expert Comment

    you will need to use images for your buttons.
    take a look at this page:
    LVL 11

    Expert Comment

    Yes like GrandSchtroumpf said.
    You need to use images.
    To do this use:

    <input type="image" src="xpbuttonfile.jpg" name="submit" />

    that will turn an image into a submit button.

    Simply screenshot the butto you want...

    <input type="submit" value="Submit Form!" />

    Run that in XP and screenshot the page with something like Irfanview32 (
    Just run irfanview, select the Browser with the submit button showing.
    Then hold CTRL+F11.
    Then Irfanview will have the page loaded into its window.
    Then CROP the button, by selecting the button by drawing the box.
    Hold CTRL+Y to crop.
    Then save it.
    Then upload it.
    Then use the FIRST bit of code I showed you
    LVL 11

    Expert Comment

    you cannot style - and SHOULDN'T even try becuase it wont work - drop downs, check boxes, radio buttons.
    Text boxes you can ALMOST get looking like IE.
    If you use a background image with CSS.
    But it wont look the same, unless you take a screenshot for every case - or if the boxes are to be the same size in all cases...
    LVL 11

    Accepted Solution

    Incase you DO want to style the text boxes, since other than the submit button.
    They are all you can style.
    Do the same process as with the Submit button.
    But to a textbox.
    Then add this to the textbox code:

    <input type="text" style="width: 200px; height: 30px; background-image: url(yourtextboximage.jpg);" name="text" />

    Make note that you will need to change the wdith and height values to make it look right.

    Author Comment

    that was that i wanted :D
    LVL 11

    Expert Comment

    Ok Great!
    Glad I could help!

    Featured Post

    Why You Should Analyze Threat Actor TTPs

    After years of analyzing threat actor behavior, it’s become clear that at any given time there are specific tactics, techniques, and procedures (TTPs) that are particularly prevalent. By analyzing and understanding these TTPs, you can dramatically enhance your security program.

    Join & Write a Comment

    Suggested Solutions

    Most web designers often experience crossbrowser issues during interface design / development.  On common problem is with Internet Explorer due to its rendering discrepancies between previous versions.  Here are some techniques I use to help avoid c…
    Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
    In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
    In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

    728 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    20 Experts available now in Live!

    Get 1:1 Help Now