How to Change Text Background Color in Any App or Platform

Whether you're formatting a Word document, designing a slide deck, or styling a web page, changing the text background color — sometimes called text highlighting or character shading — is one of the most useful formatting tricks you can apply. But the steps vary significantly depending on which tool you're using, and the terminology isn't always consistent across platforms.

Here's what you need to know to do it confidently, wherever you're working.

What "Text Background" Actually Means

Before diving into steps, it helps to clarify the term. Text background can refer to two different things depending on context:

• Highlighting — a semi-transparent color applied directly behind selected text, similar to a physical highlighter pen
• Character shading or fill — a solid color block placed behind text, often used for emphasis or design purposes

In tools like Microsoft Word, both options exist separately. In simpler apps or web editors, only one version may be available. Knowing which type you need helps you find the right control faster.

How to Change Text Background in Microsoft Word

Microsoft Word offers two distinct options: Text Highlight Color and Shading.

Using Text Highlight Color:

1. Select the text you want to highlight
2. Go to the Home tab
3. Click the dropdown arrow next to the Text Highlight Color button (the icon looks like a marker pen)
4. Choose a color from the palette

This applies a highlight effect with a limited set of colors — the same basic palette you'd find on physical highlighters.

Using Shading for More Color Options:

1. Select your text
2. Go to the Home tab
3. In the Paragraph group, click the Shading dropdown (the paint bucket icon)
4. Choose any color, including custom colors via More Colors

Shading gives you far more flexibility, including exact hex or RGB values, but it applies color to the entire paragraph block rather than individual characters. For character-level shading, go to Format → Font → Font tab and look for the Shading option under character formatting — though this varies slightly between Word versions.

How to Change Text Background in Google Docs

Google Docs keeps it straightforward with a highlighting tool in the toolbar. 🎨

1. Select the text
2. Click the Highlight color button in the toolbar (the letter "A" with a colored bar beneath it — distinct from the text color button)
3. Pick a color from the palette or choose Custom to enter a hex code

Google Docs does not offer a separate paragraph shading option the same way Word does, so for design-heavy layouts, this may feel limiting.

How to Change Text Background in PowerPoint

In PowerPoint, text background options depend on whether you're working with a text box or styled text within a shape.

• For text highlighting (available in recent versions): Select text → Home tab → Text Highlight Color
• For shape fill (which creates a background behind all text in a box): Click the text box border → Shape Format tab → Shape Fill

These are meaningfully different. Shape fill colors the entire text box container, while text highlight targets only the selected characters.

How to Change Text Background in HTML and CSS 🖥️

For web developers or anyone editing HTML directly, the text background is controlled with CSS:

span { background-color: #FFFF00; } 

You can also use the HTML <mark> tag, which applies a default yellow highlight that browsers render natively — useful for semantic highlighting in web content.

Key Variables That Affect Your Approach

The right method depends on several factors that differ from user to user:

Where Things Get Complicated

A few situations trip people up regularly:

Removing a text background can be harder than adding one. In Word, setting highlight color to No Color removes highlighting, but shading must be cleared separately via the Shading dropdown (set to No Color there as well). If you paste text from a web page into a document, invisible background formatting often tags along — the Clear All Formatting button is your fastest reset.

Dark mode and themes can make text backgrounds look completely different on screen than they do when printed or shared. A yellow highlight on a white background reads clearly; that same yellow on a dark-mode interface may appear muted or high-contrast in ways you didn't intend.

Mobile apps — including mobile versions of Word and Google Docs — often have limited text background options compared to their desktop counterparts. Some features simply aren't surfaced in the mobile UI.

Not All Platforms Work the Same Way

Notion, for example, uses a block-level background color system rather than character-level highlighting. You change the background of an entire block by typing / and searching for background color commands. It's a fundamentally different model than word processors.

Email clients like Gmail offer basic text highlighting, but the rendering depends on the recipient's email client — some strip formatting entirely, making elaborate text backgrounds unreliable in email contexts.

The same action — "change text background" — can mean navigating to four or five completely different menus depending on whether you're in a word processor, a presentation tool, a browser-based editor, or a code environment. Your specific platform, the version you're running, and what you're ultimately trying to achieve with that formatted text all shape which path actually works for you.