当我开始在文本区域中编写文本时,我希望外部的 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>