클릭 후 텍스트 색상을 변경하는 방법은 무엇입니까?
<p>제가 원하는 것은 버튼의 배경색을 변경하고 버튼 내부의 텍스트 색상도 변경하는 것입니다.
버튼 색상은 변경되었지만 텍스트 색상은 변경되지 않았습니다.
텍스트에 호버를 적용해 보았지만 마우스가 텍스트에 닿을 때만 색상이 변경됩니다. </p>
<pre class="brush:php;toolbar:false;"><li
class="text-gray-900 커서-포인터 선택-없음 p-4 text-sm md:hover:red"
id="listbox-option-0";
역할="옵션"
>
<버튼 클래스="flex flex-col">
<div class="flex justify-">
<p class="font-normal">게시됨</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"
>
<경로
채우기 규칙="evenodd"
d = "7a.75.75 0 011.05 -.143z"
클립 규칙="evenodd"
/>
</svg>
</스팬>
</div>
<p class="text-gray-500 mt-2">
이 채용 공고는 링크가 있는 누구나 볼 수 있습니다.
</p>
</버튼>
<p>그래서 제가 원하는 것은 사용자가 버튼을 터치하면 (사용자가 텍스트를 터치하지 않더라도) 버튼 안에 있는 모든 텍스트의 색상을 변경하고 싶은 것입니다.</p>
<p>어떻게 해야 하나요? </p>
