SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Wizard trampt's Avatar
    Join Date
    Jan 2003
    Location
    Los Angeles, CA
    Posts
    1,997
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    modifing form fields with CSS

    I'm working on a site and I need to use <select> on a form and I was wondering if it was possible to make it match the styles I have put on <input>.

    When I copy over the same style attributes it still has the default windows drop down arrow. Is there anyway of changing this so that the input and select form fields line up?

    http://phpmoney.com (temp domain for testing)
    http://phpmoney.com/default.css (style sheet)

    The look of it is just annoying me.

    Thanks.

  2. #2
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    no, there is no standards compliant, cross-browser, cross-platform way of doing this. dropdown elements/scrollbars/etc are handled by the operating system (if i understand it correctly), and not the browser...
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com

  3. #3
    SitePoint Wizard trampt's Avatar
    Join Date
    Jan 2003
    Location
    Los Angeles, CA
    Posts
    1,997
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's the one reason I hate using <select> for anything. If anyone has a work around to make it work in NN7 and IE5/6 that would be great.

    ***** edited *****

    The client has decided to drop the <select> and will just use the one input field.
    Last edited by the404.com; Jan 26, 2003 at 15:08.

  4. #4
    SitePoint Evangelist Mr. Brownstone's Avatar
    Join Date
    May 2002
    Location
    Relative
    Posts
    452
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You could always design your own select box using DHTML. I remember the old Intel.com site used to use one for its language selector.

    I don’t have a specific link handy I’m afraid, but www.youngpup.net is chock full of DHTML lovliness. Perhaps checking out the Scrollers will help with a solution.
    Of course, that's just my opinion. I could be wrong.

  5. #5
    gingham dress, army boots... silver trophy redux's Avatar
    Join Date
    Apr 2002
    Location
    Salford / Manchester / UK
    Posts
    4,838
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by Mr. Brownstone
    You could always design your own select box using DHTML.
    unfortunately those are a nightmare in terms of accessibility, as they are non-standard and rely on javascript being enabled...
    re·dux (adj.): brought back; returned. used postpositively
    [latin : re-, re- + dux, leader; see duke.]
    WaSP Accessibility Task Force Member
    splintered.co.uk | photographia.co.uk | redux.deviantart.com


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
  •