エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
SELECTタグのアピアランスを、何がなんでもCSSだけでどうにかしたいあなたへ - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
SELECTタグのアピアランスを、何がなんでもCSSだけでどうにかしたいあなたへ - Qiita
ググるとラッパーを使うものほか、色々出てくるのですが、<select>単体だと:after擬似要素が使えなかっ... ググるとラッパーを使うものほか、色々出てくるのですが、<select>単体だと:after擬似要素が使えなかったりと、難敵でした。ただ、時代は進んでSVGネイティブサポート時代。画像ファイルでなしに、SVGを埋め込めばいいじゃないか。 SVGで三角を描く SVGでシンプルなキャレットを描くとこんな感じ。かなり短いコードで書けます。JSFiddleで試す <svg xmlns="http://www.w3.org/2000/svg" width="18" height="5"> <path d="M0,0 10,0 5,5z" fill="black" /> </svg> select { /* removes default appearance of select */ -webkit-appearance: none; -moz-appearance: none; appearance