.productBox table{ font-size:11px;} .productBox table tr td{ text-align:left; margin-bottom:3px; padding:0 0 10px 0;} .productBox img.searchStyle{ margin:5px 83px 5px 0; float:right; } .CRselectBox { background:#FFFFFF url(https://data.chinahighlights.com/pic/select_box_off.gif) no-repeat right center; border:1px solid #DDDDDD; cursor:pointer; display:block; width: 162px; height: 22px; -moz-border-radius:5px; } .CRselectBoxHover { background:#FFFFFF url(https://data.chinahighlights.com/pic/select_box_on.gif) no-repeat right center; } .CRselectBox a.CRselectValue { display:block; margin:1px 1px 2px; padding:1px 20px 2px 4px; white-space:nowrap; color:#000; overflow:hidden; width:136px; color:#444; } .CRselectBoxOptions { background:#FFFFFF; border:1px solid #DDDDDD; margin-left:-1px; list-style:none; overflow-y:auto; z-index:1000; position: absolute; width:162px;height:150px;display:none; overflow:auto; } .CRselectBoxOptions a{ color:#444444; display:block; height:22px; line-height:22px; padding-left:4px; background:#fff; overflow:hidden; white-space:nowrap; } .CRselectBoxOptions a:hover{ background:#bbb } .CRselectBoxOptions a.selected{ background:#bbb } /* 解决 firefox 点击放大出现虚线框,从而导致滚动条的问题 */ .CRselectBox a { outline: none; text-decoration:none; } .CRselectBox a:focus { outline: none; text-decoration:none; }