Utiliser :focus pour styliser la div externe ?

Question

Lorsque je commence à écrire du texte dans la zone de texte, je veux que le div externe, avec une zone de classe, ait sa bordure solide au lieu d'être en pointillé, mais d'une manière ou d'une autre, le :focus ne s'applique pas dans ce cas. Si cela fonctionne avec :active, comment se fait-il que cela ne fonctionne pas avec :focus ?

Des idées pourquoi?

(Remarque. Je veux que la bordure du DIV devienne solide, PAS les zones de texte)

 div.box
{
    width: 300px;
    height: 300px;
    border: thin dashed black;
}

div.box:focus{
    border: thin solid black;
}

<div class="box">
    <textarea rows="10" cols="25"></textarea>
</div>