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

Input type text border shows on click in chrome

本问题已经有最佳答案,请猛点这里访问。

嗨,朋友们,我输入文字有困难。当我在输入框中单击时,它显示输入框的蓝色边框。这个问题只存在于Chrome浏览器中。在Firefox中,这是不显示的。该怎么办?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<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%;
}


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

1
2
3
4
 input:focus
  {
     outline: none;
  }


就用这个。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.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%;
}