SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Member
    Join Date
    Mar 2002
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question How can I change Form scrollbars and arrows?

    I know how to change the colour of the browser scrollbar on my page (see today's Tribune) - but how can I change the colours etc for the scrollbar and arrow within a Form?

    I have been searching everywhere, it may be a CSS issue but I can't work out how to implement it.

    Help please!! Many thanks.

    LG

  2. #2
    SitePoint Member
    Join Date
    Mar 2002
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    if the scroll bar is edited using CSS styles just attach the style to your form input box

    <input.scroll type="text" >

    etc....


    im really just guessing here.... but on a site i made, the multiline text boxes inherited the scrollbar look by themselves....

  3. #3
    SitePoint Member
    Join Date
    Mar 2002
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Many thanks, could you give the URL of the site you mention so I can see the effect?

  4. #4
    SitePoint Member
    Join Date
    Mar 2002
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hey well i would but it was for an intranet system... ill copy the code for you and paste a screenshot up

  5. #5
    SitePoint Member
    Join Date
    Mar 2002
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    BODY { SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #a40000; SCROLLBAR-TRACK-COLOR: #cccccc }


    stick that inside your css style header and it should work

  6. #6
    SitePoint Wizard Bill Posters's Avatar
    Join Date
    Dec 2001
    Location
    UK
    Posts
    1,523
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's worth noting that the above CSS effects are not universally supported.
    I am not sure as to Netscape 6 support for these properties (possibly none at all) or support in other browsers, but IE only supports them from 5.5 onwards, which while including alot of users also that many will not see the effect at all.
    Fwiw, CSS properties degrade well and will merely not show up in non-supporting browsers.

    Always worth keeping one eye on the WebReview.com: Style Sheet Reference Guide Master Grid and CSS specification/browser support page to at least be aware of who is going to see your stylish menus and who isn't.
    Both are handy CSS browser support charts.
    Last edited by Bill Posters; Mar 25, 2002 at 08:18.
    New Plastic Arts: Visual Communication | DesignateOnline

    Mate went to NY and all he got me was this lousy signature

  7. #7
    SitePoint Member
    Join Date
    Mar 2002
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Interesting brower issues. Thanks very much for all the input.

  8. #8
    Prolific Blogger silver trophy Technosailor's Avatar
    Join Date
    Jun 2001
    Location
    Before These Crowded Streets
    Posts
    9,446
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Also, IE6 for Windows XP is kind of funky with that stuff too. Sometimes it displays right sometimes not and I haven't been able to figure out what makes it tick. Other versions of IE6 (such as the downloaded version I'm using on my NT machine at work, displays all that fine.

    Anyways, more complexities...

    Sketch
    Aaron Brazell
    Technosailor



  9. #9
    SitePoint Wizard
    Join Date
    Oct 2001
    Location
    Tucson, Arizona
    Posts
    1,858
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sketch, if you use the HTML 4.01 Transitional DOCTYPE (the one without a URL), or no DOCTYPE at all, they'll show up. If you use any DOCTYPE with a URL or any strict DOCTYPE, they won't show up.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •