如何设置使用输入控件中的css样式的自定义“控件”的样式

Question

我知道您显然可以设置所有输入/控件的样式以共享相同的CSS，但我的问题是，是否可以从用户代理样式表中获取/使用样式来创建与其他人共享外观的自定义输入。

例如，

.control > input {border:0;}

<div class="control">
    <input type="text" />
    <input type="text" />
    <input type="text" />
</div>

有没有办法根据文本输入的用户代理样式设置外部div（在其中一个控件具有焦点时的边框方面）？

一个明显的问题是焦点伪类不可用 e.g。

<div class="control focused">
    <input type="text" />
    <input type="text" />
    <input type="text" />
</div>

任何想法？

提前致谢