#1
  1. macho member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2002
    Posts
    207
    Rep Power
    12

    CSS form background color effect on WinXP and MacOS


    Calling CSS gurus!

    I would like to find out if using CSS to control form background colors would change the default OS form element in WinXP and macOS Aqua

    for example:

    <form>

    <input type="button" value="Say Hi to Joe for me!" style="background: #f00; color:white;" />

    </form>

    Would the above style change the nice looking WinXP default form buttons into ugly Win98 'classic' buttons?

    what effect does it have on MacOS?

    Thanks for help
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Location
    Rhondda Cynon Taff, Wales
    Posts
    172
    Rep Power
    11
    <form>

    <input type="button" value="Say Hi to Joe for me!" style="background-color: aqua; color:white;" />

    </form>

    thares tha code all done for you....

    hope that helped.
    Ryan Jones (RyanJ)
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Location
    Rhondda Cynon Taff, Wales
    Posts
    172
    Rep Power
    11
    also, as it is css, it will display exactly the same... unless they have on older browser which will display the normall button....
    Ryan Jones (RyanJ)
  6. #4
  7. macho member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2002
    Posts
    207
    Rep Power
    12
    Thanks sciguyryan , I personally dont own a mac, and my friends who have one are pre MacOS 9.

    Back to topic ...

    so its like the aqua interface nice-shiny-blue-translucent button will become nice-shiny-colorYouSpecified-translucent button?

    if its the latest browser that supports the aqua GUI that is.

    Thanks again!
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2003
    Posts
    173
    Rep Power
    12
    well, as far as I know no, the buttons and scrollbars etc would not change. To do that you would, like you code shows, have to adjust the buttons themselves. And once that is done then yes, in xp the button will lose it's default look, and become a rectangle with the color aqua for a background. So yes, it will lose it's xp theme style and look like win9x/2k buttons look.
    We all have souls.... where do you want your to go?

    The little princess
    Back from the dead
    The only Hope / End Times
  10. #6
  11. macho member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2002
    Posts
    207
    Rep Power
    12
    Thanks IBM for info, appreciate it, I ... I like your name ...

  12. #7
  13. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Sep 2003
    Location
    Rhondda Cynon Taff, Wales
    Posts
    172
    Rep Power
    11
    did the code i gave you work?
    Ryan Jones (RyanJ)
  14. #8
  15. macho member
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2002
    Posts
    207
    Rep Power
    12
    Yes it did sciguyryan, thanks!

    but i did not have problem with the css code, my query was more towards the effect that the CSS has on winXP and MacOS with Aqua interface.

    FYI style="background: red" is short form, will also work

IMN logo majestic logo threadwatch logo seochat tools logo