IE11でセレクトボックスにappearance: none;利用時に矢印を消す

どうもユーキです。

テキスト入力欄やセレクトボックスなどCSSでデザインを整えるときに、IE11のセレクトボックスだけ何故か右にある矢印がのこってしまいます。
それを消す方法をメモがてら記載します。

CSSの指定方法

まずは、appearanceの設定です。