ホームページ >ウェブフロントエンド >htmlチュートリアル >選択した text_html/css_WEB-ITnose をダブルクリックしたときの背景色の効果をカスタマイズする方法
選択した text_html/css_WEB-ITnose をダブルクリックしたときの背景色の効果をカスタマイズする方法
- WBOYオリジナル
- 2016-06-24 11:28:261329ブラウズ
選択したテキストをダブルクリックしたときに背景色のカスタマイズ効果を実現する方法:
この章では、テキストの特定の領域をダブルクリックして選択したときに背景色のカスタマイズ効果を実現する方法を紹介します。
以下は、コード例による簡単な紹介です:
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">::selection{ background-color:#84ca7f; color:#000;}::-webkit-selection{ background-color:#84ca7f; color:#000;}::-moz-selection{ background-color:#84ca7f; color:#000;}</style></head><body><div>softwhy.com是蚂蚁部落的网址。</div></body></html> 実際、上記のコードは、::selection セレクターを通じて、通常はマウスを使用して選択されたテキストに関連する設定を行うことを目的としています。もちろん、ダブルクリックで選択することもできます。::selection セレクターについては、CSS3 の ::Selection 属性の詳細な使用法に関する章を参照してください。
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=16350
詳細については、以下を参照してください: http://www.softwhy.com/divcss/
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。