为什么表单输入的边框不会变成深红色？

Question

正如您所看到的，当用户开始使用输入时，我正试图使其边框变为暗红色。由于某些原因，此代码不起作用。

问题出在哪里？如何解决

input:focus {
border: 1px solid darkred;
}

<input type="text" name="user_input">

Answer 1

默认情况下，在几个浏览器中，当输入集中时，已经有了一种样式。你的暗红色酒窖确实可以工作，但你看到的是默认的风格，要删除它，请使用以下outline:none;在这里阅读更多

<style>
input:focus {
border: 3px solid darkred;
outline: none;
}
</style>
<input type="text" name="user_input">

Answer 2

我不"深红色"；是一个可识别的颜色名称。尝试使用HEX代码或深红色的RGB值。

即。

input:focus {
border: 1px solid #BD0101;
}