CSS
現在カーソルを合わせているチェックボックスを分かりやすくする
チェックボックスがたくさん並んでいるときに、現在 選択/解除 しようとしている要素がどれか明確にして、使い勝手をよくします。 html <label> <input type=”checkbox” va…
スマートフォンで画面からtableがはみ出てしまう時
スマートフォンで要素が画面外にはみ出してしまうのは以下の様な状況。 divやtable内の文字が折り返さない→テキストが親要素の外にはみでてしまう tableにwidth:100%;を指定しているにもかかわらず画面からは…IE8のテキストエリアに指定した日本語フォントを適用する
IE8環境で、本文は指定した通りのフォントが表示されているのに、なぜかテキストエリアでのみ指定したフォントが表示されないという現象があるようです。 この現象は先頭に欧文フォントを指定していると起こるようで、先頭に日本語フ…IE8では利用できない擬似セレクタ
あるdivの中でul要素が１つのみある場合に適用したいスタイルがあり、「:only-of-type」セレクタを使おうと思ったのですがこちらはIE8では利用できないようです……。 ※ :only-of-type については…CSSで内部リンクのみ表示を変更する
こちらのように指定することで、すべての内部リンクが太字で表示されます。 a[href^=”#”] {font-weight: bold;}
Firefoxバグ：tdにposition:relativeをかけるとborderが消える
table { border-collapse: collapse; } td { position: relative; border: solid 1px #ccc; background-color: #fff; …chromeでデフォルトで反応するテキスト入力フォームの黄色い背景色を変更する
CSSで下記のように指定することで、chromeでオートコンプリート後に表示される背景色を変更できます。 input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px…