Cómo ocultar los bordes por defecto de un input al seleccionarlo, en Bootstrap ?

hace 5 años

holaaaa buenas tardes amigos, bueno estoy seleccionando mis inputs y aparece el borde azul por defecto y deseo con el :focus quitar los bordes, pero no lo he logrado, estoy usando Bootstrap.

1&lt;form class=&#34;contactenos contenedor&#34; id=&#34;contactanos&#34; method=&#34;POST&#34; role=&#34;form&#34;&gt;
2   &lt;legend class=&#34;weight-600&#34;&gt;
3     &lt;i class=&#34;fas fa-user-circle&#34; aria-hidden=&#34;true&#34;&gt;&lt;/i&gt;CONTÁCTENOS&lt;/legend&gt;
4   &lt;div class=&#34;form-row align-input&#34;&gt;
5       &lt;div class=&#34;col-md-12&#34;&gt;
6           &lt;p class=&#34;paragraph&#34;&gt;Déjanos tu información de envío para que tu pedido llegue seguro.&lt;/p&gt;
7         &lt;/div&gt;
8     &lt;div class=&#34;form-group col-md-12&#34;&gt;
9       &lt;input type=&#34;text&#34; class=&#34;form-control line vld draw&#34; id=&#34;name&#34; value=&#34;&#34; placeholder=&#34;Nombres :&#34;&gt;
10       &lt;label class=&#34;error&#34; for=&#34;name&#34;&gt;* Campo obligatorio&lt;/label&gt;
11     &lt;/div&gt;
12     &lt;div class=&#34;form-group col-md-12&#34;&gt;
13       &lt;input type=&#34;text&#34; class=&#34;form-control line vld draw&#34; id=&#34;lastname&#34; placeholder=&#34;Apellidos :&#34;&gt;
14       &lt;label class=&#34;error&#34; for=&#34;lastname&#34;&gt;* Campo obligatorio&lt;/label&gt;
15     &lt;/div&gt;
16     &lt;div class=&#34;form-group col-md-12&#34;&gt;
17       &lt;select id=&#34;document&#34; class=&#34;form-control line vld draw&#34;&gt;
18         &lt;option value=&#34;opt&#34;&gt;Tipo de Documento :&lt;/option&gt;
19         &lt;option value=&#34;dni&#34;&gt;DNI&lt;/option&gt;
20         &lt;option value=&#34;pasaporte&#34;&gt;PASAPORTE&lt;/option&gt;
21         &lt;option value=&#34;dni&#34;&gt;RUC&lt;/option&gt;
22       &lt;/select&gt; 
23       &lt;label class=&#34;error&#34; for=&#34;document&#34;&gt;&lt;/label&gt;
24     &lt;/div&gt;
25     &lt;div class=&#34;form-group col-md-12&#34;&gt;
26       &lt;input type=&#34;text&#34; class=&#34;form-control line vld draw&#34; id=&#34;nrodoc&#34; placeholder=&#34;Número de Documento:&#34;&gt;
27       &lt;label class=&#34;error&#34; for=&#34;nrodoc&#34;&gt;* Campo obligatorio&lt;/label&gt;
28     &lt;/div&gt;
29     &lt;div class=&#34;form-group col-md-12&#34;&gt;
30       &lt;input type=&#34;text&#34; class=&#34;form-control line vld draw&#34; id=&#34;address&#34; placeholder=&#34;Dirección :&#34;&gt;
31       &lt;label class=&#34;error&#34; for=&#34;address&#34;&gt;* Campo obligatorio&lt;/label&gt;
32     &lt;/div&gt;
33     &lt;div class=&#34;form-group col-md-12&#34;&gt;
34       &lt;input type=&#34;text&#34; class=&#34;form-control line vld draw&#34; id=&#34;celphone&#34; placeholder=&#34;Teléfono :&#34;&gt;
35       &lt;label class=&#34;error&#34; for=&#34;celphone&#34;&gt;* Campo obligatorio&lt;/label&gt;
36     &lt;/div&gt;
37     &lt;div class=&#34;form-group col-md-12&#34;&gt;
38       &lt;input type=&#34;email&#34; class=&#34;form-control line vld draw&#34; id=&#34;email&#34; placeholder=&#34;E-mail :&#34;&gt;
39       &lt;label class=&#34;error&#34; for=&#34;email&#34;&gt;* Campo obligatorio&lt;/label&gt;
40     &lt;/div&gt;
41   &lt;/div&gt;
42   &lt;br&gt;
43   &lt;div class=&#34;form-group col-md-12&#34;&gt;
44     &lt;textarea class=&#34;form-control line&#34; rows=&#34;5&#34; id=&#34;description&#34; placeholder=&#34;Descripción :&#34;&gt;&lt;/textarea&gt;
45   &lt;/div&gt;
46   &lt;button id=&#34;submit&#34; type=&#34;submit&#34; class=&#34;btn btn-danger center-block&#34;&gt;Enviar&lt;/button&gt;
47
48 &lt;/form&gt;

1.contenedor{
2       padding: 1.5rem 1em;
3       max-width: 500px;
4       margin-left: auto;
5       margin-right: auto;
6       background: rgb(247, 247, 247);
7   }
8     legend::after{
9       content: &#39;&#39;;
10       display: block;
11       width: 100%;
12       height: .1em;
13       margin-top: 1.5rem;
14       margin-bottom: .5em;
15       background: rgb(250,17,0);
16   }
17     .form-group input.line , select.line , textarea.line{
18       border-bottom: 1px solid #888 !important;
19       background: transparent !important;
20       border: 0;
21     }
22     input.line:focus,
23     select.line:focus,
24     textarea.line:focus{
25       outline:none !important;
26       outline-offset: 0;
27     }
28     input.line:active{
29       outline:none !important;
30       outline-offset: 0 !important;
31     }
32     .form-group .error{
33       display: none;
34     }
35     input.form-control , select.form-control,
36     textarea.form-control{
37       border-radius: 0 !important;
38     }

Escribe una respuesta