CSS CSSのみで、クリックした時に要素のレイアウト(表示・非表示等)を切り替える方法
クリックである要素の表示・非表示を制御することってあると思いますが、そういう場合はだいたいjQueryを使うことが多いと思います。自分もそういう場合はjQueryを使いますが、工夫次第でCSSのみで実装できるのでその方法を紹介(ただし、IE...
CSS
CSS HTML HTMLのテキストボックスを、できるかぎり半角数値のキー入力のみにする
HTMLのフォームのテキストボックスに、数値のみのキー入力してほしくないということもあると思いますが、そういう時のための実装を考えてみたので紹介。
HTML
JavaScript
// 数値のみの入力にする
function O...
CSS セレクトボックスのbox-sizingの初期値はborder-box
HTMLのセレクトボックス(<select>タグ)の高さをCSSで変更してみたものの、なぜかうまくいかないという。
具体的にいうと、想定していた大きさよりも小さくなってしまうという自体に。
例えば、上記のサンプルでは...
CSS CSSでのパーセント指定まとめ
(サーバーやドメイン代払っているのに、一年以上ぶりのエントリーという・・・)
一応、プログラマと自称している自分ですが、仕事ではむしろCSSを書くことのほうが多かったりします。
で、CSSを扱っていてときどきよくわからなくなるのが、...
HTML テーブルを複数行ごとにhoverでハイライトする方法
今の会社に入って数か月たったころ、前任者が作ったホームページのソースが分かりづらいので、新しく作り直したいという依頼を受けることになった。そのうちのいくつかのページにテーブルがあり、trごとにハイライトしているページが。どうやらJavaSc...