要在WordPress网站的小工具中添加自定义样式，你可以使用以下方法之一：

如何在WordPress网站的小工具中添加自定义样式？

  1. 使用内联样式（Inline Styles）：

在WordPress小工具设置页面找到“自定义HTML”或“自定义文本”小工具。
在文本编辑器中，使用<style>标签添加你的自定义CSS样式。例如：

 ```html
 
 ```

将你的自定义HTML或文本粘贴到小工具中并保存更改。

  1. 使用插件：

    你可以使用WordPress插件来添加自定义CSS样式。以下是一些常用的插件：

Simple Custom CSS and JS：此插件允许你在WordPress后台添加自定义CSS和JavaScript代码，它们会应用于整个网站或特定页面/小工具。

Customizer CSS：这是一个简单的插件，允许你通过WordPress自定义器添加自定义CSS。

SiteOrigin CSS：如果你使用了SiteOrigin Page Builder插件，它附带了一个用于添加自定义CSS的小工具。

  1. 主题自定义器：

进入WordPress仪表板并转到“外观” > “定制”。
在定制器中，你可能会找到一个“自定义CSS”或类似的选项，它允许你添加额外的CSS。

  1. 使用子主题（Child Theme）：

如果你有技术背景，你可以创建一个子主题并在子主题的style.css文件中添加自定义CSS。

首先，创建一个子主题文件夹（如果你已经有一个子主题，请跳过此步骤）。

在子主题文件夹中创建一个名为style.css的文件，并在其中添加你的自定义CSS。

 ```css
 / 添加你的自定义样式 /
 .customwidget {
   color: #FF0000;
   fontsize: 16px;
 }
 ```

启用子主题并应用自定义样式。

无论你选择哪种方法，都建议在编辑CSS之前备份你的网站以防万一。此外，确保你的自定义样式不会破坏网站的布局或功能。