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

【问题标题】：Input type text border shows on click in chrome [duplicate]在chrome中单击时显示输入类型文本边框[重复]
【发布时间】：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;

标签： html css

【解决方案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;
  }

【讨论】：

谢谢，它正在工作。