HTMLのselect要素がCSSでカスタマイズ可能になる

2024/09/30 12 users select要素 CSS HTML カスタマイズ select

select 要素がカスタマイズできるようになる これまで HTML の<select>要素はカスタマイズが難しい部分でした。各ブラウザのデフォルトスタイルに依存しデザインや機能を統一するのが困難でした。かといってオリジナルのセレクトボックスを作成するとなると CSS と JavaScript でイチから作成する必要がありました。 し... 続きを読む

【CSS】決定版！リセットCSS総まとめ | TONOST

2015/06/01 425 users Firefox Safari コーディング CSS デフォルト

HTML、CSSでコーディングを始めるときに各ブラウザが持っているデフォルトのCSSを一度リセットする目的のリセットCSS。今回は、現在使われているリセットCSSをまとめてみました。 リセットCSS とは？ 各ブラウザ(IE、FireFox、Chrome、safari等)は、タグ毎にデフォルトスタイルをそれぞれ独自にもっており、それらをリセットするスタイルシートは一般的に「リセットCSS」と呼ばれ... 続きを読む

デフォルトスタイルを残しつつ、ブラウザのデフォルト挙動を合わせてくれるCSS「normalize.css」｜WEB Drawer

2012/01/24 20 users Normalize.css CSS デフォルト挙動 HTML

トップ CSS デフォルトスタイルを残しつつ、ブラウザのデフォルト挙動を合わせてくれるCSS「normalize.css」 サイトを制作する際、最初にブラウザ初期値のCSSをリセットする方も多いと思います。様々なリセットCSSがありますが、ほぼすべての要素をリセットさせるものや、最近のHTML5に関するタグがないものもあります。 今回ご紹介する「normalize.css」は、HTML5やCSS3... 続きを読む

Lucky bag::blog: CSS を作成する際のお約束

2005/08/04 296 users CSS Lucky Bag Blog margin ムキー

この記事が属するカテゴリー CSS CSS を作成している際に、当然の如くブラウザによって描画結果に違いが出てくるわけで、ムキーとか言いながらその差異を埋めていく作業が一番面倒っちゃあ面倒。んで、ボックスモデルやその他ブラウザごとのバグ以外で、極力そう言った差異を少なくするためには、一番最初に全称セレクタを使ってブラウザのデフォルトスタイルを消してしまうのが手っ取り早い。 * { margin: ... 続きを読む