如何移除WordPress文章<pre>标签默认样式及解决粘贴Word内容样式异常？

这两个问题都是WordPress内容编辑里的常见痛点，我给你逐个拆解清楚：

1. 移除WordPress文章中<pre>标签的默认样式 #

WordPress的主题几乎都会给<pre>标签加默认样式——比如灰色背景、圆角边框、内边距这些，要去掉的话，最安全的方式是用自定义CSS覆盖，别去碰主题核心文件（不然主题更新就白改了）：

• 用WordPress自带的自定义CSS编辑器
  进后台→外观→自定义→附加CSS，贴这段代码：

  .entry-content pre {
      background: transparent;
      border: none;
      padding: 0;
      /* 要是想调整字体、行距，也可以在这里加，比如：
      font-family: 'Arial', sans-serif;
      line-height: 1.6; */
  }
  

  注意：.entry-content是多数主题包裹文章内容的类名，要是你的主题用的是别的（比如.post-content），按F12打开浏览器开发者工具，选中<pre>标签就能看到父容器的类名，替换掉就行。

• 用子主题的style.css
  如果你用了子主题，直接在子主题的style.css末尾加上面的CSS就行，这样主题更新也不会丢修改。

要是想彻底清空<pre>的所有默认样式，也可以用更直接的写法：

pre {
    all: unset;
    /* 别忘了加基础的换行规则，不然代码会挤成一团 */
    white-space: pre-wrap;
    word-wrap: break-word;
}

2. 粘贴Word文档到WordPress出现灰色背景与边框的原因及彻底解决方法 #

问题根源 #

你从Word粘贴内容的时候，Word会把它自己的一套富文本代码偷偷带过来——比如带灰色背景的<div>、带边框的<table>，还有一堆Word专属的inline样式（比如background:#e6e6e6、border:1px solid #ccc）。这些样式会被WordPress编辑器原封不动保留，前端就会显示出你看到的灰色背景和边框。

彻底解决办法 #

① 粘贴时用纯文本模式（最省心）

粘贴前先切到编辑器的纯文本模式：古腾堡点右上角三个点→选择“粘贴为纯文本”；经典编辑器直接切到“文本”标签，再粘贴内容。这样所有Word的格式都会被清掉，只剩纯文字，之后你再用WordPress编辑器重新排版就行。

② 用编辑器的清除格式功能

要是已经粘完了，古腾堡里选中所有内容，点工具栏的“清除格式”按钮（像个橡皮擦的图标）；经典编辑器也是选中内容后点“清除格式”，一键搞定多余样式。

③ 加全局CSS自动清理

不想每次手动处理？加一段全局CSS，自动干掉Word带来的多余样式：

/* 清除Word粘贴的背景色和边框 */
.entry-content div[style*="background"],
.entry-content table[style*="background"],
.entry-content pre[style*="background"],
.entry-content div[style*="border"],
.entry-content table[style*="border"],
.entry-content pre[style*="border"] {
    background: none !important;
    border: none !important;
}

/* 去掉多余的内边距、外边距 */
.entry-content div[style*="padding"],
.entry-content table[style*="padding"] {
    padding: 0 !important;
}

把这段代码贴到“外观→自定义→附加CSS”里，以后再粘Word内容，这些烦人的样式就自动没了。

④ 用编辑器插件（可选）

有些编辑器插件自带“粘贴时自动清除Word格式”的功能，比如Classic Editor的增强插件，或者古腾堡的格式清理插件，开启后就能一劳永逸。不过不用插件的话，上面的方法已经足够解决问题了。

内容的提问来源于stack exchange，提问作者camoflage