输入类型文本边框在Chrome中单击时显示

Question

嗨朋友我输入文字有问题。当我在输入框中单击时，它显示输入框的蓝色边框。此问题仅在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%;
}

Answer 1

复制以下代码希望这可以帮助您：

 input:focus
  {
     outline: none;
  }

Answer 2

请使用此功能。

.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%;
}