禁用输入阴影 CSS / HTML答案

【问题标题】：Disable input shadow CSS / HTML禁用输入阴影 CSS / HTML
【发布时间】：2016-07-07 16:11:21
【问题描述】：

当我在输入框内单击时，我看到以下“阴影”：

可以禁用吗？如果有，怎么做？

编辑：

这是我的代码

<div class="col-xs-12"><input class="form-control" id="Password" name="Password" type="text" placeholder="Password" /></div>

【问题讨论】：

您可以为输入标签添加“outline:none”
寻求代码帮助的问题必须包含重现它所需的最短代码在问题本身中最好在Stack Snippet 中。见How to create a Minimal, Complete, and Verifiable example
How to remove the border highlight on an input text element的可能重复

【解决方案1】：

我想你想在输入 css 上设置 'outline: none'。

【讨论】：

【解决方案2】：

将border 设置为none 或0。然后为 Mozilla 移除 ghost padding。

.myInput {
    border: 0;
}
.myInput::-moz-focus-inner {
    border: 0;
    padding: 0;
}

【讨论】：

【解决方案3】：

从样式看来，您使用的是 iOS。查看此线程Remove iOs input shadow。它已经有几年了，但它可能会有所帮助。

【讨论】：

【解决方案4】：

我只是放了

border:none;

成功了，蓝色边框消失了

【讨论】：

【解决方案5】：

也许你可以尝试使用outline:none，当用户点击输入框时它会杀死边框

【讨论】：