NAKAZI LAB.(ナカジラボ)

Webサイト制作を円滑にすることを目的とした、cssやJavaScript(jQuery)の小技備忘録サイトです。

選択した範囲の背景色・文字色を変更する

2015年2月4日CSSテクニック

選択した範囲の背景色・文字色を変更する

ドラッグして選択した範囲の背景色・文字色を変更したい時は、::selectionというCSSセレクタを使用すると変更することが出来ます。

デモページ

CSS

#main {
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
	padding: 0 30px;
	box-sizing: border-box;
}
#main::selection {
	background: #52d3ff;
	color: #5d5d5d;
}
#main::-moz-selection {
	background: #52d3ff;
	color: #5d5d5d;
}

デモページ

  • ̃Gg[͂ĂȃubN}[Nɒlj

関連記事

  1. 選択した範囲の背景色・文字色を変更する

更新情報をチェックする

rss feedly twitter facebook

今週の人気記事TOP10

サイト内検索

中の人

nakazi

Web関係のお仕事をしてます。効率化が大好きです。当サイトの更新情報やWeb制作に関する事を@nakazilabでつぶやいています。

連絡先

nakazilab[atmark]gmail.com