【问题标题】: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;
  }

【讨论】:

  • 谢谢,它正在工作。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-02-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多