<p>我想要做的是改变按钮背景的颜色，同时改变按钮内部的文本颜色。 按钮的颜色已经改变，但文本颜色没有改变。 我尝试将hover应用于文本，但只有在鼠标触摸文本时颜色才会改变。</p> <pre class="brush:php;toolbar:false;">&lt;li class=&quot;text-gray-900 cursor-pointer select-none p-4 text-sm md:hover:red&quot; id=&quot;listbox-option-0&quot; role=&quot;option&quot; &gt; &lt;button class=&quot;flex flex-col&quot;&gt; &lt;div class=&quot;flex justify-&quot;&gt; &lt;p class=&quot;font-normal&quot;&gt;已发布&lt;/p&gt; &lt;span class=&quot;text-black&quot;&gt; &lt;svg class=&quot;h-5 w-5&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; viewBox=&quot;0 0 20 20&quot; fill=&quot;currentColor&quot; aria-hidden=&quot;true&quot; &gt; &lt;path fill-rule=&quot;evenodd&quot; d=&quot;M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z&quot; clip-rule=&quot;evenodd&quot; /&gt; &lt;/svg&gt; &lt;/span&gt; &lt;/div&gt; &lt;p class=&quot;text-gray-500 mt-2&quot;&gt; 这份工作发布可以被任何拥有链接的人查看。 &lt;/p&gt; &lt;/button&gt; &lt;/li&gt;</pre> <p>所以我想要的是，一旦用户触摸按钮，我想要改变按钮内所有文本的颜色（即使用户没有触摸文本）</p> <p>我该如何做呢？</p>

 <li
     class="text-gray-900 cursor-pointer select-none p-4 text-sm group"
     id="listbox-option-0"
     role="option"
    >
    <button class="flex flex-col">
      <div class="flex justify-">
        <p class="font-normal group-hover:text-white">已发布</p>
           <span class="text-black">
                 <svg
                     class="h-5 w-5"
                     xmlns="http://www.w3.org/2000/svg"
                     viewBox="0 0 20 20"
                     fill="currentColor"
                     aria-hidden="true"
                   >
                   <path
                      fill-rule="evenodd"
                      d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
                      clip-rule="evenodd"
                    />
              </svg>
            </span>
          </div>
           <p class="text-gray-500 mt-2">
               任何拥有链接的人都可以查看此职位发布信息。
           </p>
     </button>
 </li>

button:hover p{
    color: red!important; // 更改你想要的颜色
}