Style the option box

[SoftwareAndOutsourcing]

trafficstars

Hi,

I'm trying to customize the borders of the option box which appears once you click on the select arrow, as they look different depending on the browser. However after playing with the css and the jQuery code I'm unable to modify these. Here is the closest I got by modifying jquery.customSelect.css 0.5.1, line 92:

$select.css({
    '-webkit-appearance': 'menulist-button',
    width:                customSelectSpan.outerWidth(),
    position:             'absolute',
    opacity:              0,
    height:               selectBoxHeight,
    fontSize:             customSelectSpan.css('font-size')
    // added code
    ,
    background: 'yellow',
    border: '1px solid #CCCCCC',
    'border-radius': '6px',
    'box-shadow': '1px 1px 2px #eee inset'
});

The yellow color is applied, but not the borders. Is possible to have custom ones? Thanks.

[chipit24]

For me, no matter what styles I add to the customSelectInner class, the drop-box remains the same with the default styling. Everything else works fine.