html - <select> dropdown a few pixels off -

consider this bootstrap bug report. basically, <select> dropdown not aligned <select> element on chrome , safari (both tested mac). @mdo thinks there there no fix. want second opinion.

can <select> dropdown aligned base <select> element?

you never style browser built-in tools same across multiple browsers , across multiple os.

i have been doing long time , best advise style as-best-as possible , reserve quirky css hacks old ie browsers.

if want super-anal exact pixels, need not use select html tag , instead use ul tag. use css list-style: none;

<ul id="my_selectbox">   <li>option 1</li>   <li>option 2</li> </ul> 

then, style menu how want look.

so think of menu instead of selectbox.

then use javascript make menu drop down select tag.

(but sure lot of work few pixels isn't it?)

remember, never ever write css file makes browsers identical. isn't how designed. if have manager demands it, need learn how stuff works.

further note: have use javascript store selection. can write quick script if need it. not sure how proficient javascript.