Grow your CSS skills. Land your dream job.

select arrow

  • # June 18, 2013 at 11:47 am

    Hello,
    I want to ask how to delete in FireFox and IE the selection arrow?

    select {
    background-color: #000!important;
    color: #fff!important;
    padding-right: 16px;
    width: auto;
    height: 22px;
    margin-right: 5px;
    border: 1px solid #ff9900;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    }
    select:first-child, select#f {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url(“{T_THEME_PATH}/images/deffusion_select_br_down.png”) no-repeat right center;
    left: -5px!important;
    }

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".