html - 如何更改焦点上的边框颜色?

标签 html css forms

<分区>

通过在输入字段内部单击或将焦点放在输入字段上,如何更改边框颜色。

HTML

<div className="col-md-12">
   <div className="form-group">
      <label for="Street_Address">Street address</label>
      <input type="text" className="form-control" id="Street_Address"  placeholder="" />
   </div>
</div>

CSS

input:focus
{
    border: 1px solid #1670BE;
    box-shadow: 0 0 3px #1670BE;
    outline-offset: 0px;
    outline: none;
}

最佳答案

试试这个:

input[type="text"], input[type="password"], textarea, select { 
    outline: none;
}

当元素获得焦点时,用户代理(浏览器)默认设置一个轮廓。因此,为了防止它,您需要如上所示覆盖它

关于html - 如何更改焦点上的边框颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6274208/

相关文章:

javascript - 从 html 输入中获取非类型内容

javascript - 你如何让工具提示在 IE 中显示更长时间

css - 更改div或div的内容?

css - 如何防止背景和渐变之间出现 1 像素线?

C# - Windows 窗体,用于面板控件的溶解动画

javascript - 使用 onkeyup 事件在输入表单的文本两侧添加方括号?

javascript - zurb foundation 3 中的固定宽度列

html,带有中心div的css。火狐谷歌, Chrome 不好

python - 在Python中复制嵌套的html列表?

javascript - Validate.js 不显示错误