undesired outline of the hidden select field with twitter bootstrap and chrome

[jm-style]

onfocus first click:

click again:

I've tried modify css as below but nothing works...

select [multiple]:focus, select [multiple]{
border:0!important;
outline: 0!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}

[wenzhixin]

http://jsfiddle.net/wenyi/knbdm5hu/2/

[jm-style]

Yes but this solution completely loses the twitter bootstap's border effect on focus...
Finally it was only specify a padding = 0 on .ms-parent element: http://jsfiddle.net/knbdm5hu/9/

[wenzhixin]

👍