コンピュータクワガタ

かっぱのかっぱによるコンピュータ関連のサイトです

CSS

Twitter Bootstrapでファイル選択ボタンがカッコ悪い

Twitter Bootstrapを使ってみていますが、input type="file"はそのまま使うと以下の様に残念な感じになってしまいます。Bootstrap自体始めたばかりなので、私が知らないだけかもしれませんがこれはいけてません。何か方法があるのではないかと調べたところ、…

CSSだけでradioボタンをtoggleボタンのグループのようにする

Web画面のデザインをしていると、jQuery UIにあるようなhttp://jqueryui.com/button/#radioこんなradioボタンを作りたくなる時があります。jQuery UIを使ってもいいのですが、個人的には少し動作がもっさりしてしまうように感じるためCSSだけでできないか調…

CSS3のtext-overflowは便利かも

全然それを調べるつもりはなかったのですが、偶然CSS3にtext-overflowというプロパティがあることを知りました。今回はtext-overflowを簡単に紹介します。昔はCSS3のTEXTモジュールの一部だったみたいですが、今はCSS3のUIモジュールの一部となっているよう…

CSSの複数クラスによる絞り込み

今日、Googleのサイトの構造を見ていて、以下の様なCSSのセレクタが設定されている事に気づきました。 .hoge.foo { // CSS } .hogeと.fooの間にはスペースは空いておらず連結して使われていました。まさかと思って、CSSの仕様を確認したところ仕様として定義…