selectフォームのborder-radiusをChromeでも変更するには？

目的はBootstrapベースのCSSをカスタマイズして、

フォーム関連のborder-radiusを変更したい（1px）のですが、

Bootstrapは、sassの変数で、

$border-radius-base: 1px;
$border-radius-large: 1px;
$border-radius-small: 1px;

で変更できました。

input:selectについては、

select {
  border-radius: 1px !important;
}

が必要でした。
ここまではよいのですが、Chromeに関しては、

input:selectで上記のCSSでも角が4px程度のスタイルになってしまいます。

-webkit-appearance: none;でChromeのスタイルを解除できるのですが、

Bootstrapでのinput-smではpaddingがずれて、select要素（option)が正しく表示されません。

なので、-webkit-appearance: none;を使わずに、

Chrome特有のスタイル（角の丸み）を解除（上書き）したいのです。