在chrome中单击时显示输入类型文本边框[重复]

Posted 2023-02-22

【中文标题】在chrome中单击时显示输入类型文本边框[重复]

【英文标题】：Input type text border shows on click in chrome [duplicate]

【发布时间】：2015-12-05 00:20:51

【问题描述】：

各位朋友，我在输入文字时遇到了问题。当我点击输入框时，它显示输入框的蓝色边框。此问题仅存在于 chrome 浏览器中。在 Firefox 中，这没有显示。该怎么办？

<form id="search" name="search" method="post" action="index.php?act=srch">
 <input type="text" name="search" class="search-input" id="searchid" value="" autocomplete="off"  /><input type="submit" value="Search" class="submit-search" />
</form>

.search-input
    border:none;
    background:none;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:17px;
    color:#4f4f4f;
    float:left;
    width:87%;

【问题讨论】：

使用-webkit-border:none;

【参考方案1】：

就用这个吧。

.search-input
    border:none;
    outline:none;
    background:none;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:17px;
    color:#4f4f4f;
    float:left;
    width:87%;

【讨论】：

这不起作用阿米特....

现在检查它会起作用

【参考方案2】：

复制以下代码希望对你有帮助：

 input:focus
  
     outline: none;
  

【讨论】：

谢谢，它正在工作。