CSS 属性 text-emphasis-color 设置强调色。这个值也可以使用简写属性 {{cssxref("text-emphasis")}} 来设置。

{{InteractiveExample("CSS Demo: text-emphasis-color")}}

```css interactive-example-choice text-emphasis-color: currentColor;

```css interactive-example-choice
text-emphasis-color: red;

```css interactive-example-choice text-emphasis-color: rgba(90, 200, 160, 0.8);

```html interactive-example
<section id="default-example">
  <p>
    I'd far rather be
    <span class="transition-all" id="example-element">happy than right</span>
    any day.
  </p>
</section>

```css interactive-example p { font: 1.5em sans-serif; }

example-element {

text-emphasis: filled; }

## 语法

```css
/* 初始值 */
text-emphasis-color: currentcolor;

/* <color> */
text-emphasis-color: #555;
text-emphasis-color: blue;
text-emphasis-color: rgb(90 200 160 / 80%);
text-emphasis-color: transparent;

/* 全局值 */
text-emphasis-color: inherit;
text-emphasis-color: initial;
text-emphasis-color: revert;
text-emphasis-color: revert-layer;
text-emphasis-color: unset;

取值

• <color>
  • : 指定用作强调色的颜色。如果未定义，该值默认为 currentcolor。

形式定义

{{CSSInfo}}

形式语法

{{csssyntax}}

示例

设置自定义强调色和强调标记

CSS

em {
  text-emphasis-color: green;
  text-emphasis-style: "*";
}

HTML

<p>这是一个示例：</p>

<em>这里有强调标记！</em>

结果

{{EmbedLiveSample("设置自定义强调色和强调标记", 450, 100)}}