无法使 input:focus 覆盖默认设置

Question

我正在尝试使用通向绿色框的底部边框样式为表单制作 CSS 样式。但是我看到 input:focus 语法不起作用，它显示默认的焦点样式。谁能告诉我如何覆盖默认的焦点样式？谢谢。

<style>
.input1{
    border:0px;
    border-bottom:1px solid #999999;
}
.input1:focus{
    border:1px solid green;
}
</style>

<form action="">
<div>
  <input class="input1" type="text" id="texto" >
</div>
</form>

Answer 1

居然有效，你漏了outline: none;

<style>
.input1{
    border:0px;
    border-bottom:1px solid #999999;
}
.input1:focus{
    border:1px solid green;
    outline: none;
}
</style>

<form action="">
<div>
  <input class="input1" type="text" id="texto" >
</div>
</form>