{"id":51978,"date":"2026-10-24T09:52:11","date_gmt":"2026-10-24T06:22:11","guid":{"rendered":"https:\/\/8899.ir\/web\/?p=51978"},"modified":"2026-10-24T09:52:11","modified_gmt":"2026-10-24T06:22:11","slug":"stp-web-20261024-selection-en","status":"publish","type":"post","link":"https:\/\/8899.ir\/web\/stp-web-20261024-selection-en\/","title":{"rendered":"Keep selected text readable"},"content":{"rendered":"<div class=\"stpweb_20261024-education\" lang=\"en\" dir=\"ltr\" style=\"direction:ltr;text-align:left;background:#05080d;color:#eef4fa;font-family:Tahoma,Arial,sans-serif;line-height:2;padding:clamp(12px,3vw,24px);border-radius:18px;overflow-wrap:anywhere\">\n<h2 style=\"color:#f4c44e\">Keep selected text readable<\/h2>\n<div style=\"background:#0b1119;color:#eef4fa;padding:18px;border-radius:14px\">\n<p class=\"stpweb-line\" style=\"color:#eef4fa;margin:0 0 12px\">Selecting text should not make it harder to read.<\/p>\n<p class=\"stpweb-line\" style=\"color:#eef4fa;margin:0 0 12px\">The ::selection pseudo-element changes selected text appearance.<\/p>\n<p class=\"stpweb-line\" style=\"color:#eef4fa;margin:0 0 12px\">Set foreground and background colors together.<\/p>\n<p class=\"stpweb-line\" style=\"color:#eef4fa;margin:0 0 12px\">For example, try dark text on a pale yellow background.<\/p>\n<p class=\"stpweb-line\" style=\"color:#eef4fa;margin:0 0 12px\">Similar colors can obscure the text.<\/p>\n<p class=\"stpweb-line\" style=\"color:#eef4fa;margin:0 0 12px\">Select several article words with the mouse.<\/p>\n<p class=\"stpweb-line\" style=\"color:#eef4fa;margin:0 0 12px\">Also check links within the selection.<\/p>\n<p class=\"stpweb-line\" style=\"color:#eef4fa;margin:0 0 12px\">This pseudo-element does not support every CSS property.<\/p>\n<p class=\"stpweb-line\" style=\"color:#eef4fa;margin:0 0 12px\">The browser\u2019s default selection is suitable when customization is unnecessary.<\/p>\n<p class=\"stpweb-line\" style=\"color:#eef4fa;margin:0 0 12px\">Test the result in your audience\u2019s browsers.<\/p>\n<h3 style=\"color:#f4c44e\">Complete example code<\/h3>\n<pre dir=\"ltr\" style=\"direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;background:#111d2a;color:#e9f4ff;padding:16px;border-radius:10px\"><code>::selection { color: #172033; background-color: #fff2a8; }<\/code><\/pre>\n<hr>\n<h3 style=\"color:#f4c44e\">Official sources<\/h3>\n<ul>\n<li><a style=\"color:#70d9ff\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/Reference\/Selectors\/::selection\" target=\"_blank\" rel=\"noopener noreferrer\">MDN \u2014 ::selection<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Keep selected text readable Selecting text should not make it harder to read. The ::selection pseudo-element changes selected text appearance. Set foreground and background colors together. For example, try dark text on a pale yellow background. Similar colors can obscure the text. Select several article words with the mouse. Also check links within the selection. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":51979,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34],"tags":[],"class_list":["post-51978","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-edu"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Keep selected text readable - web design &amp; Host domain provider<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/8899.ir\/web\/stp-web-20261024-selection-en\/\" \/>\n<meta property=\"og:locale\" content=\"fa_IR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Keep selected text readable - web design &amp; Host domain provider\" \/>\n<meta property=\"og:description\" content=\"Keep selected text readable Selecting text should not make it harder to read. The ::selection pseudo-element changes selected text appearance. Set foreground and background colors together. For example, try dark text on a pale yellow background. Similar colors can obscure the text. Select several article words with the mouse. Also check links within the selection. [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/8899.ir\/web\/stp-web-20261024-selection-en\/\" \/>\n<meta property=\"og:site_name\" content=\"web design &amp; Host domain provider\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-24T06:22:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/8899.ir\/web\/wp-content\/uploads\/2026\/10\/stpweb_20261024-cf1ac81747861b38-selection-en.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0646\u0648\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u0628\u062f\u0633\u062a\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/8899.ir\\\/web\\\/stp-web-20261024-selection-en\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/8899.ir\\\/web\\\/stp-web-20261024-selection-en\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/8899.ir\\\/web\\\/#\\\/schema\\\/person\\\/5cf790b25f5efb06e6132813f46d29ba\"},\"headline\":\"Keep selected text readable\",\"datePublished\":\"2026-10-24T06:22:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/8899.ir\\\/web\\\/stp-web-20261024-selection-en\\\/\"},\"wordCount\":93,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/8899.ir\\\/web\\\/#\\\/schema\\\/person\\\/5cf790b25f5efb06e6132813f46d29ba\"},\"image\":{\"@id\":\"https:\\\/\\\/8899.ir\\\/web\\\/stp-web-20261024-selection-en\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/8899.ir\\\/web\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/stpweb_20261024-cf1ac81747861b38-selection-en.webp\",\"articleSection\":[\"edu\"],\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/8899.ir\\\/web\\\/stp-web-20261024-selection-en\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/8899.ir\\\/web\\\/stp-web-20261024-selection-en\\\/\",\"url\":\"https:\\\/\\\/8899.ir\\\/web\\\/stp-web-20261024-selection-en\\\/\",\"name\":\"Keep selected text readable - web design &amp; Host domain provider\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/8899.ir\\\/web\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/8899.ir\\\/web\\\/stp-web-20261024-selection-en\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/8899.ir\\\/web\\\/stp-web-20261024-selection-en\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/8899.ir\\\/web\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/stpweb_20261024-cf1ac81747861b38-selection-en.webp\",\"datePublished\":\"2026-10-24T06:22:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/8899.ir\\\/web\\\/stp-web-20261024-selection-en\\\/#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/8899.ir\\\/web\\\/stp-web-20261024-selection-en\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\\\/\\\/8899.ir\\\/web\\\/stp-web-20261024-selection-en\\\/#primaryimage\",\"url\":\"https:\\\/\\\/8899.ir\\\/web\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/stpweb_20261024-cf1ac81747861b38-selection-en.webp\",\"contentUrl\":\"https:\\\/\\\/8899.ir\\\/web\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/stpweb_20261024-cf1ac81747861b38-selection-en.webp\",\"width\":800,\"height\":600,\"caption\":\"Keep selected text readable\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/8899.ir\\\/web\\\/stp-web-20261024-selection-en\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/8899.ir\\\/web\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Keep selected text readable\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/8899.ir\\\/web\\\/#website\",\"url\":\"https:\\\/\\\/8899.ir\\\/web\\\/\",\"name\":\"www.8899.ir\",\"description\":\"siamak khanjani personal web site Web design hezarehno company\",\"publisher\":{\"@id\":\"https:\\\/\\\/8899.ir\\\/web\\\/#\\\/schema\\\/person\\\/5cf790b25f5efb06e6132813f46d29ba\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/8899.ir\\\/web\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fa-IR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/8899.ir\\\/web\\\/#\\\/schema\\\/person\\\/5cf790b25f5efb06e6132813f46d29ba\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\\\/\\\/8899.ir\\\/web\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/5834774893835260090.jpg\",\"url\":\"https:\\\/\\\/8899.ir\\\/web\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/5834774893835260090.jpg\",\"contentUrl\":\"https:\\\/\\\/8899.ir\\\/web\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/5834774893835260090.jpg\",\"width\":1024,\"height\":1024,\"caption\":\"admin\"},\"logo\":{\"@id\":\"https:\\\/\\\/8899.ir\\\/web\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/5834774893835260090.jpg\"},\"sameAs\":[\"https:\\\/\\\/8899.ir\\\/web\",\"htpps:\\\/\\\/instagram.com\\\/siamakkhanjaniir\",\"https:\\\/\\\/www.linkdin.com\\\/in\\\/siamakkhanjani-ir\"],\"url\":\"https:\\\/\\\/8899.ir\\\/web\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Keep selected text readable - web design &amp; Host domain provider","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/8899.ir\/web\/stp-web-20261024-selection-en\/","og_locale":"fa_IR","og_type":"article","og_title":"Keep selected text readable - web design &amp; Host domain provider","og_description":"Keep selected text readable Selecting text should not make it harder to read. The ::selection pseudo-element changes selected text appearance. Set foreground and background colors together. For example, try dark text on a pale yellow background. Similar colors can obscure the text. Select several article words with the mouse. Also check links within the selection. [&hellip;]","og_url":"https:\/\/8899.ir\/web\/stp-web-20261024-selection-en\/","og_site_name":"web design &amp; Host domain provider","article_published_time":"2026-10-24T06:22:11+00:00","og_image":[{"width":800,"height":600,"url":"https:\/\/8899.ir\/web\/wp-content\/uploads\/2026\/10\/stpweb_20261024-cf1ac81747861b38-selection-en.webp","type":"image\/webp"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"\u0646\u0648\u0634\u062a\u0647\u200c\u0634\u062f\u0647 \u0628\u062f\u0633\u062a":"admin"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/8899.ir\/web\/stp-web-20261024-selection-en\/#article","isPartOf":{"@id":"https:\/\/8899.ir\/web\/stp-web-20261024-selection-en\/"},"author":{"name":"admin","@id":"https:\/\/8899.ir\/web\/#\/schema\/person\/5cf790b25f5efb06e6132813f46d29ba"},"headline":"Keep selected text readable","datePublished":"2026-10-24T06:22:11+00:00","mainEntityOfPage":{"@id":"https:\/\/8899.ir\/web\/stp-web-20261024-selection-en\/"},"wordCount":93,"commentCount":0,"publisher":{"@id":"https:\/\/8899.ir\/web\/#\/schema\/person\/5cf790b25f5efb06e6132813f46d29ba"},"image":{"@id":"https:\/\/8899.ir\/web\/stp-web-20261024-selection-en\/#primaryimage"},"thumbnailUrl":"https:\/\/8899.ir\/web\/wp-content\/uploads\/2026\/10\/stpweb_20261024-cf1ac81747861b38-selection-en.webp","articleSection":["edu"],"inLanguage":"fa-IR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/8899.ir\/web\/stp-web-20261024-selection-en\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/8899.ir\/web\/stp-web-20261024-selection-en\/","url":"https:\/\/8899.ir\/web\/stp-web-20261024-selection-en\/","name":"Keep selected text readable - web design &amp; Host domain provider","isPartOf":{"@id":"https:\/\/8899.ir\/web\/#website"},"primaryImageOfPage":{"@id":"https:\/\/8899.ir\/web\/stp-web-20261024-selection-en\/#primaryimage"},"image":{"@id":"https:\/\/8899.ir\/web\/stp-web-20261024-selection-en\/#primaryimage"},"thumbnailUrl":"https:\/\/8899.ir\/web\/wp-content\/uploads\/2026\/10\/stpweb_20261024-cf1ac81747861b38-selection-en.webp","datePublished":"2026-10-24T06:22:11+00:00","breadcrumb":{"@id":"https:\/\/8899.ir\/web\/stp-web-20261024-selection-en\/#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/8899.ir\/web\/stp-web-20261024-selection-en\/"]}]},{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/8899.ir\/web\/stp-web-20261024-selection-en\/#primaryimage","url":"https:\/\/8899.ir\/web\/wp-content\/uploads\/2026\/10\/stpweb_20261024-cf1ac81747861b38-selection-en.webp","contentUrl":"https:\/\/8899.ir\/web\/wp-content\/uploads\/2026\/10\/stpweb_20261024-cf1ac81747861b38-selection-en.webp","width":800,"height":600,"caption":"Keep selected text readable"},{"@type":"BreadcrumbList","@id":"https:\/\/8899.ir\/web\/stp-web-20261024-selection-en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/8899.ir\/web\/"},{"@type":"ListItem","position":2,"name":"Keep selected text readable"}]},{"@type":"WebSite","@id":"https:\/\/8899.ir\/web\/#website","url":"https:\/\/8899.ir\/web\/","name":"www.8899.ir","description":"siamak khanjani personal web site Web design hezarehno company","publisher":{"@id":"https:\/\/8899.ir\/web\/#\/schema\/person\/5cf790b25f5efb06e6132813f46d29ba"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/8899.ir\/web\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fa-IR"},{"@type":["Person","Organization"],"@id":"https:\/\/8899.ir\/web\/#\/schema\/person\/5cf790b25f5efb06e6132813f46d29ba","name":"admin","image":{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/8899.ir\/web\/wp-content\/uploads\/2026\/09\/5834774893835260090.jpg","url":"https:\/\/8899.ir\/web\/wp-content\/uploads\/2026\/09\/5834774893835260090.jpg","contentUrl":"https:\/\/8899.ir\/web\/wp-content\/uploads\/2026\/09\/5834774893835260090.jpg","width":1024,"height":1024,"caption":"admin"},"logo":{"@id":"https:\/\/8899.ir\/web\/wp-content\/uploads\/2026\/09\/5834774893835260090.jpg"},"sameAs":["https:\/\/8899.ir\/web","htpps:\/\/instagram.com\/siamakkhanjaniir","https:\/\/www.linkdin.com\/in\/siamakkhanjani-ir"],"url":"https:\/\/8899.ir\/web\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/8899.ir\/web\/wp-json\/wp\/v2\/posts\/51978","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/8899.ir\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/8899.ir\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/8899.ir\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/8899.ir\/web\/wp-json\/wp\/v2\/comments?post=51978"}],"version-history":[{"count":1,"href":"https:\/\/8899.ir\/web\/wp-json\/wp\/v2\/posts\/51978\/revisions"}],"predecessor-version":[{"id":51980,"href":"https:\/\/8899.ir\/web\/wp-json\/wp\/v2\/posts\/51978\/revisions\/51980"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/8899.ir\/web\/wp-json\/wp\/v2\/media\/51979"}],"wp:attachment":[{"href":"https:\/\/8899.ir\/web\/wp-json\/wp\/v2\/media?parent=51978"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/8899.ir\/web\/wp-json\/wp\/v2\/categories?post=51978"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/8899.ir\/web\/wp-json\/wp\/v2\/tags?post=51978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}