Advanced Search

Results 1 to 8 of 8

Thread: How to remove arrow selector from drop down?

  1. #1
    Join Date
    Apr 2012
    Posts
    81
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default How to remove arrow selector from drop down?

    Any one having idea?
    How to remove <select> tag's (Drop Down's) arrow selector means on which we click.....the very small dark gray square USING CSS?

    Thanks
    Kaushal

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,883
    Thanks
    16
    Thanked 288 Times in 287 Posts
    Blog Entries
    4

    Default

    This thread should answer your questions: http://www.dynamicdrive.com/forums/s...ht=notoriously
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  3. #3
    Join Date
    Apr 2012
    Posts
    81
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    Thank you Beverleyh for your reply

    Here is the link - xhtmljunkies.net/Magento/XJ-ROBERT/

    Now the thing is I have made the Drop-Down looking proper in firefox,IE 7,8 & 9 but now the problem is Chrome. In Chrome, it is not displaying Drop-Down properly (Options and Qty).
    Another thing is I made Box-Shadow proper in Chrome but is not looking proper in IE 7,8 & 9

    Can any one please help?

    Thanks
    Kaushal

  4. #4
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,883
    Thanks
    16
    Thanked 288 Times in 287 Posts
    Blog Entries
    4

    Default

    Sorry, I dont see a dropdown selection box on that page in either IE or Chrome. Where is it?
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  5. #5
    Join Date
    Apr 2012
    Posts
    81
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    Beverleyh sorry for late reply.
    link is here xhtmljunkies.net/Magento/business-cards/a5-leaflets.html

    Thanks
    Kaushal

  6. #6
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,883
    Thanks
    16
    Thanked 288 Times in 287 Posts
    Blog Entries
    4

    Default

    There is no page at the link specified above (404 error)
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  7. #7
    Join Date
    Apr 2012
    Posts
    81
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    Sorry Beverleyh,
    Here is the link - http://xhtmljunkies.net/Magento/XJ-R...-leaflets.html

    Thanks
    Kaushal

  8. #8
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,883
    Thanks
    16
    Thanked 288 Times in 287 Posts
    Blog Entries
    4

    Default

    To make the arrow show in Chrome, add this;
    Code:
    .input-select-box select {
    -webkit-appearance: none;
    -moz-appearance: window;
    }
    After that it looks virtually the same in IE and Chrome so I'm not sure if there is a box-shadow to fix.
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

Similar Threads

  1. Smooth Navigational Menu - Remove Down arrow in v1.51+
    By carterjd in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 01-17-2013, 04:12 PM
  2. drop down selector issue [unresolved]
    By chechu in forum CSS
    Replies: 13
    Last Post: 08-19-2011, 12:42 PM
  3. Possible to remove down arrow in Smooth Navigational Menu (v1.01)
    By Geezer D in forum Dynamic Drive scripts help
    Replies: 3
    Last Post: 12-27-2008, 08:01 AM
  4. Resolved Remove Arrow pointers in ddlevelsmenu
    By maximumovertime in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 12-16-2008, 11:33 PM
  5. Remove down arrow from All Levels menu
    By kpsony in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 09-03-2008, 06:30 AM

Tags for this Thread

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
  •