Q1. Is it posible to set active color both "Sub Menu" and "sub 2"

<ul class="menu bg-base-200 rounded-box w-56">
  <li><a>Item 1</a></li>
  <li>
    <details open>
      <summary>Sub Menu</summary>
      <ul>
        <li><a>sub 1</a></li>
        <li><a class="active">sub 2</a></li>
      </ul>
    </details>
  </li>
  <li><a>Item 3</a></li>
</ul>

Q2. I try to set background color at <summary class="bg-orange-200 hover:bg-orange-200">Sub Menu</summary> but there is a problem when mouse down it have black color effect how can i change default color (black) or how to disable mouse effect when mouse down

Thank you