CSS 轮廓颜色属性在 Firefox 中不起作用吗?例如:输入:焦点{轮廓颜色:#9aadee; }

pra*_*dum 2 css firefox google-chrome focus outline

  1. .login-box input:focus{ outline:1px solid #9aadee; } -这可以在 Firefox 中运行,但不能在 Chrome 中运行

  2. .login-box input:focus{ outline-color:#9aadee; } -这在 Firefox 中不起作用,但在 Chrome 中起作用

A H*_*rth 5

尽管MDN引用输入作为不必定义轮廓样式以使其他样式生效的情况,但对于某些浏览器来说似乎并非如此。

因此,如果您还明确设置了第二个示例,那么您的第二个示例应该可以工作

outline-style: solid;
Run Code Online (Sandbox Code Playgroud)