Css 在Chrome中单击输入[type="；submit"；]时的大纲

我正在为（X）HTML设计一个表单。因为我不喜欢这件衣服的标准款式

<input type = "submit">

---

这个黄色的边框消失了。但是我得到了一个.

Google Chrome的默认样式表应用了一个黄色的轮廓来形成有焦点的元素

-webkit-appearance: caret;

如果您不想要这个黄色的轮廓，但仍然希望为键盘用户保持可访问性，那么您可以找到其他方法使按钮具有焦点。例如，您可以为按钮使用不同的背景颜色：

.TestButton:focus {
    outline: none;
    background-color: /* some darker colour than the original colour */;
}

---

Google Chrome的默认样式表将黄色轮廓应用于具有焦点的元素

-webkit-appearance: caret;

---

那就没有办法了。。它存在或不存在。您可以随时更改outline属性以更好地适应您的设计，而不是完全删除它。是否可以添加边框/边框颜色操纵？更改outline属性可能是（不理想的）解决方案。让我困惑的是，为什么在我评论CSS代码时，这个问题消失了…crbug.com/305356这是故意的行为。但是如果Google Chrome的默认样式表将黄色轮廓应用于表单元素，在这种情况下，即使我没有添加CSS样式，黄色轮廓也应该出现，对吗？但奇怪的是，如果我评论CSS，大纲就会消失…@user2958403这很奇怪，以前从未注意到。这可能与操作系统也会影响表单元素的默认样式（我使用的是Windows）这一事实有关。这显然与操作系统/Chrome的版本有关。这个问题出现在一台运行Windows8和Chrome版本的计算机上，我稍后会更新。现在我在一台运行Windows7和Chrome29.0.1547.76M的计算机上尝试了同样的代码，我没有遇到任何问题。无论如何，我不明白用户如何从用户刚刚点击的按钮周围的黄色边框中获益（从可访问性的角度来看，黄色边框似乎没有提供任何好处）。当我出现问题行为时，我使用的Chrome版本是30.0.1599.101 m

-webkit-appearance: caret;