CSS3:IE10からテキストフィールドに勝手に入る×ボタンを消す IE10以降からテキストフィールドに入力すると、クリアするための×ボタンが勝手に入ります。 これはCSSで消すことができます。 input[type=text]::-ms-clear { display: none; }… ゴトーハック2014.10.23 4,150
CSS3:文字や画像を選択できなくする ブラウザ上の文字をドラッグしたり、ブラウザ上をWクリックすると選択状態になりますが、「user-select」プロパティを使うことでその選択をできなくします。 -webkit-user-select: none; -mo… ゴトーハック2014.10.17 978
CSSだけでたすき掛けの新着マークを表示する 表示サンプルはこちら サンプルCSS .btnBox a { background:#EEE; position: relative; display: inline-block; height: 120px; line… haradaハック2014.10.16 1,039
CSS3:サイズ不明でもどのような要素でも縦中央配置する .class { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%… ゴトーハック2014.09.18 723
CSS3:簡単に段組を作れる「columns」プロパティ あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお かきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこ さしすせそさしす… ゴトーハック2014.09.16 5,393
リスト(<li>)のマーカーにWebフォントを使う 画像を使わずリストマーカーを変更するサンプルです。 See the Pen list marker FontAwesome by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. H… ゴトーハック2014.09.08 2,588
-webkit-text-size-adjustにnone指定はしてはいけない理由 スマートフォンで横向きにした時に文字が大きくなるのを防止するで使用する-webkit-text-size-adjustですが、none指定をしてはいけない理由があります。 参考:-webkit-text-size-adj… Yukimi Satoハック2014.09.01 170
IEでHTML5やCSS3を有効にできるレンダリングモード <meta http-equiv=”X-UA-Compatible” content=”IE=Edge, chrome=1″> IE=Edge:最新のモードを利用する chrome=1:「Chrome Fra… Yukimi Satoハック2014.08.27 787