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
    2,025
    Thanks
    16
    Thanked 315 Times in 313 Posts
    Blog Entries
    13

    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
    2,025
    Thanks
    16
    Thanked 315 Times in 313 Posts
    Blog Entries
    13

    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
    2,025
    Thanks
    16
    Thanked 315 Times in 313 Posts
    Blog Entries
    13

    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
    2,025
    Thanks
    16
    Thanked 315 Times in 313 Posts
    Blog Entries
    13

    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, 05:12 PM
  2. drop down selector issue [unresolved]
    By chechu in forum CSS
    Replies: 13
    Last Post: 08-19-2011, 01: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, 09:01 AM
  4. Resolved Remove Arrow pointers in ddlevelsmenu
    By maximumovertime in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 12-17-2008, 12:33 AM
  5. Remove down arrow from All Levels menu
    By kpsony in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 09-03-2008, 07: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
  •