如何隐藏<input />＆amp;的边框<button>标签？

Question

HTML： - <input>＆amp; <button>

您可能已经注意到用户在移动浏览器（或其他）中点击它（:focus）时，屏幕上会出现深黄色边框！

我想使用CSS或Javascript隐藏这些边框。 如果我使用border: none;代码，它会隐藏黑色边框，而不是那些深黄色边框！

那么我该如何隐藏这些边界？

Answer 1

您可以使用css

input:focus, button:focus { 
    box-shadow: none;
}

Answer 2

试试这个：

input:focus {
    outline:none;
}

Answer 3

你可以试试这个。

<强> CSS

<style>
  #inputId:focus OR input[type=text]:focus
   {
     outline: none !important;
     border:none !important;;
     box-shadow: none !important;;
                OR
     border:1px black solid;
   }
</style>

<强> HTML

<input id="inputId">

Answer 4

您可以尝试使用此代码。

input:focus{
  outline: none;
}

Answer 5

＆＃13;

＆＃13;

input[type=text],button{
  border: none;
  background: red;
}

＆＃13;

<input type="text">
<button type="button" >Ok</button>

＆＃13;

＆＃13;

＆＃13;