Bootstrap在点击

Question

嗯，这个问题只出现在桌面和移动设备上的谷歌浏览器中。 我添加了图片，你可以清楚地看到问题。

当我点击该部分或点击菜单中的项目（联系人，投资组合....）时会出现蓝线。

我的代码示例：

<section class="ip_fifth_block" id="contact">
    <div class="container">
        <div class="row">
        <div class="col">
        <h1 class="ip_services_heading" style="margin-bottom:0">Kontakt</h1>
        </div>
        </div>    
        <div class="row">
        <div class="col">
        <p class="ip_heading_under">Zanechajte nám Váš odkaz, pripomienku, objednávku.</p>
        </div>
        </div>

            <div class="row">
                <div class="col">
                    <form>
                            <div class="row"> 
                                <div class="col-md-6 ip_forminfo">
                                    <input type="text" name="name" placeholder="Meno a priezvisko"><br>
                                    <input type="text" name="name" placeholder="E-mail"><br>
                                    <input type="text" name="name" placeholder="Tel. číslo"><br>
                                </div>

                                <div class="col-md-6 ip_forminfo">
                                     <textarea placeholder="Vaša správa"></textarea>

                                    <input type="submit" value="Odoslať">

                                </div>
                            </div>   

                    </form>
                </div>
            </div>


    </div>


    <div id="map"></div>


</section>

Answer 1

因为你的部分有一个tabindex属性，当按下标签键导航时你可以定义标签顺序，或者你可以说焦点和焦点元素有一个浏览器默认大纲。所以你需要做的就是将轮廓值设置为none

＆＃13;

＆＃13;

[tabindex] {
  outline: none;
}

＆＃13;

<p tabindex="1">foobar</p>

＆＃13;

＆＃13;

＆＃13;