SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Guru
    Join Date
    Jun 2009
    Posts
    820
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    form select element -- can style arrow button?

    hi,

    is it possible to style arrow button for select (dropdown) form element in CSS?

    thank you..

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,623
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Pure CSS no . JS might be able to but I don't know.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  3. #3
    SitePoint Guru
    Join Date
    Jun 2009
    Posts
    820
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    interesting.. for accessibility/JS degradation reasons they asked to do it w/pure CSS.. (was wondering: I've heard it can be done w/an image (bg-img?).. is this true? what would be the code for that? how is that arrow-btn referred to in CSS?)

    thank you..

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,623
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    You could possibly justset a background-image on the <select> element as so
    Code:
    select{background:url(image.jpg) top right;}
    I don't know how well that would work though since I've never tried it out personally.
    Always looking for web design/development work.
    http://www.CodeFundamentals.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
  •