Когда я начинаю писать текст в текстовой области, я хочу, чтобы внешний div с полем класса, чтобы его граница была сплошной, а не пунктирной, но каким-то образом: focus в этом случае не применяется. Если он работает с: active, почему он не работает с: focus?

Есть идеи почему?

(Примечание. Я хочу, чтобы граница DIV стала твердой, а не текстовые области)

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>