Editing File: /usr/local/cpanel/base/cjt/css/wrapped-select.css

.cjt-wrapped-select-skin {
    background-image: -moz-linear-gradient(#edf2f2, white);
    background-image: -webkit-linear-gradient(#edf2f2, white);
    background-image: -o-linear-gradient(#edf2f2, white);
    background-image: -ms-linear-gradient(#edf2f2, white);
    -cp-background-image: linear-gradient(#edf2f2, white);
    behavior: url("/cjt/ie9gradients.htc");
    background-image: linear-gradient(#edf2f2, white);
    padding: 2px 15px 2px 5px;
    border: 1px solid #88999f;
}

.cjt-wrapped-select > select {
    top: 1px;
}

select:focus + .cjt-wrapped-select-skin {
    outline: 1px dotted #666666;
}
select[disabled] + .cjt-wrapped-select-skin {
    background-color: #eeeeee;
    background-image: none;
    color: graytext;
}

.cjt-wrapped-select-icon {
    position: absolute;
    top: 0;
    background: url("/cjt/images/droparrow.png") no-repeat right center;
    height: 100%;
    width: 100%;
}
select[disabled] + * + .cjt-wrapped-select-icon {
    background-image: url("/cjt/images/droparrow-disabled.png");
}

/*
----------------------------------------------------------------------
Core CSS - Change with caution!

NOTE: These rules make the skin element have the same width as the
wrapped <select>, but an auto-height.
----------------------------------------------------------------------
*/
.cjt-wrapped-select {
    display: inline-block;
    position: relative;
    cursor: default;
}
.cjt-wrapped-select > select {
    border: 0; /* Not really core, but a good idea for MacOS */
    opacity: 0; /* This is all for IE9+, so no filter needed */
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}
.cjt-wrapped-select > .cjt-wrapped-select-skin {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 100%;
}

Back to Directory