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