DOTLOG

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

どうもユーキです。

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

まずは、appearanceの設定です。

input, select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

そして、チェックボックスの矢印を消す設定はこちらです。

select::-ms-expand {
  display: none;
}

これで見事にきえました!

IE10でも効くみたいです。お試しあれ!

COMMENTS

About Me

プロフィール画像

ユーキと申します。27歳の道産子です。犬、ゲーム、お酒、食べること、旅行大好きです。飲み友募集中です。

2018/12より再びフリーランスになりました!

当サイトでは、主にWeb制作全般(バックエンドも)、フリーランス周りの情報など色々なノウハウや知識を載せています。
その他日々気になったこと、思ったことも書いてます。

お問い合わせはこちら

Latest Posts

Popular Posts

TOP