これは、次のいずれかなしでは実行できません。

1) js を使用してドロップダウンの値を保持し、変更時にオプションを「animals」に置き換えます。

また

2) カスタム ドロップダウンを作成します。

select 要素は、スタイルを設定できない「ネイティブ」コントロールの 1 つです。彼らがやらせられたこと以外に、あなたが彼らでできることはあまりありません。

detailsHTML5 に従って要素を使用できます。

<details>
<summary>animals</summary>
<select name="animals">
   <option>Dogs</option>
   <option>Cats</option>
</select>
</details>

ブラウザーのサポートはまだ限られています (ただし、Chrome では問題ないように見えます)。そのため、JavaScript の手法を検討することもできます (おそらく、さまざまなライブラリーでこれに代わるものが数十あります)。ただし、フォールバック (ドロップダウンの前に表示される「動物」というテキスト) が許容できる場合、または許容できるものに簡単にスタイル設定またはスクリプト化できると思われる場合、これは単純なアプローチです。