亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

<p>What I want to do is change the color of the button's background and also change the color of the text inside the button. The button's color has changed, but the text color has not. I tried applying hover to the text, but the color only changes when the mouse touches the text. </p> <pre class="brush:php;toolbar:false;"><li class="text-gray-900 cursor-pointer select-none p-4 text-sm md:hover:red" id="listbox-option-0" role="option" > <button class="flex flex-col"> <div class="flex justify-"> <p class="font-normal">Published</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.817 a.75.75 0 011.05 -.143z" clip-rule="evenodd" /> </svg> </span> </div> <p class="text-gray-500 mt-2"> This job posting can be viewed by anyone with the link. </p> </button> </li></pre> <p>So what I want is, once the user touches the button, I want to change the color of all the text inside the button (even if the user doesn't touch the text)</p> <p>What should I do? </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">已發(fā)布</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">
               任何擁有鏈接的人都可以查看此職位發(fā)布信息。
           </p>
     </button>
 </li>

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