获取浏览器默认表单控件边框颜色答案

【问题标题】：Get browsers default form control border color获取浏览器默认表单控件边框颜色
【发布时间】：2018-04-14 23:15:09
【问题描述】：

我正在创建一个自定义表单控件，并希望将边框颜色设置为默认浏览器表单元素边框颜色。

任何人都知道这是否可行以及如何实现？通过查看生成的代码，我可以看到如下内容：

border-color: initial;

这是谷歌输入的颜色：

如果我使用initial，这就是我得到的：

显然两种颜色有很大的不同。同样，我想知道默认的边框宽度和样式。

更新

为了更清楚一点，我的组件是一个div，它包含了多个控件。我不想强制执行我的样式，我想允许用户根据需要使用默认浏览器样式。

【问题讨论】：

【解决方案1】：

这可能是你需要的：

边框颜色：未设置；
边框宽度：未设置；
边框样式：未设置；

【讨论】：

对我不起作用。它完全删除了边框。澄清一下，我的组件是用作表单控件的 DIV。
那是因为默认的边框样式根本就没有样式。看看这个小提琴fiddle.jshell.net/g6fpgoxq。 “form-wrapper”类将边框设置设置为“2px dotted red”，尝试从“form-wrapper-default”类的属性中删除 cmets，它将每个属性设置为浏览器的默认值。不要忘记点击“运行”来尝试每个变体。