Chromeでdatalistを利用するとhoverで表示される三角を非表示にする ‘datalist’タグを利用してテキスト入力フォームに入力候補を表示する際に、Firefoxはいいのですが、Chromeでどうしても三角アイコンが表示されるという現象を確認しました。 selec… haradaハック2016.01.27 5,037
写真の1枚目と2枚目にcssでオビをつける サンプルはこちらです。 CSS例 .img_list li { display: block; float: left; height: 93px; margin: 6px; padding: 0; position: … haradaハック2015.12.28 542
CSSで背景画像に半透明カラーを重ねる 写真の上にテキストを重ねて読ませたい場合、写真がそのままだと読みにくいときがあります。 そこで画像の上に黒や白の半透明カラーを重ねることで、画像全体の色彩が統一され、テキストを読みやすくすることができます。 CSS例 .… haradaハック2015.11.09 13,435
WordPressの管理画面で表示されるリンク後の青枠を消す リンク後に青く表示される枠線は、WordPressの管理画面で読み込まれている以下のcssによって表示されているものです。 a:focus, a:focus .media-icon img { color: #12496… haradaハック2015.10.26 765
WebページをA4サイズで印刷するようにCSSで指定する 出力する際の用紙のサイズの指定をCSSで行えるようです。 @page { size: A4; } とはいえ用紙のサイズまで指定するのはかな限られた状況になりますね! haradaハック2015.10.08 2,586
display:none/visibility:hiddenの違い display:none自体は、if文などでよく使っていましたが、似たようなニュアンスのvisibility:hiddenも使えます。 visibility:hidden display:noneは指定したidなどのレイ… daiki21ハック2015.09.14 388
WEBデザインの参考になるサイト サイトを作る時、html・cssやjQueryのプラグインの使い方を紹介している記事を参考にすることがよくあります。 最近気になっているのがThecCodePlayerです。最近は更新が止まってしまっているようなので… kayamaハック2015.09.09 100
visibility と display CSS の visibility プロパティは 、全要素が持つプロパティです。 visible, hidden, collapse の3つの値を持ちます。 hidden にすると要素を隠し、要素があるはずだった領域はその… mrktanakaハック2015.09.08 294
placeholderにスタイルを適用する 以下のように指定します。 input::-webkit-input-placeholder { line-height: 20px; } input:-moz-placeholder { line-height: 20p… haradaハック2015.08.31 380