代码之家 › 专栏 › 技术社区 › Filippo

无法输入:焦点覆盖默认设置

focus forms css

Filippo · 技术社区 · 2 年前

我正在尝试为一个表单创建一个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>

1 回复 | 直到 2 年前

Evren 2 年前

事实上它是有效的,你失踪了 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>

推荐文章

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

Maddison · 如果用户选择18岁以下,则需要表单重定向用户

2 年前

Maddison · 拆分用户全名并将名字传递给下一个表单pae

2 年前

Santiago Cuartas Rmrz · 使用Javascript根据密码输入长度启用/禁用按钮

2 年前

BABO SAMMO NG · 如何延迟javascript警报直到操作完成

2 年前

Germán · 单击提交时,如果文本字段错误匹配,则显示错误提示

2 年前

Shikhor Khan · 如何从下面的代码中删除提交后的表单值?

2 年前

Adheed nihal · 如果在jquery中超过了文件限制,如何清除用户上传的图像

2 年前

inyourface3445 · 更改表单中的值会导致延迟

2 年前

Filippo · 无法输入:焦点覆盖默认设置

2 年前