html 奇怪的蓝色轮廓/边框搜索按钮iOS

yhxst69z 于 2023-11-15 发布在 iOS

关注(0)|答案(3)|浏览(173)

我有一个奇怪的蓝色边框，似乎只出现在iOS上。
enter image description here
我想我已经尝试了所有可能的：focus：active变量，但就是找不到它，我甚至不能在任何浏览器上的任何检查中重现边界。所以我有点迷路了。
这是密码

<li class="menu--list__items zoeken nav-item">
            <a class="menu--list__items--link nav-link" href="#" id="zoekenDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Zoeken
                <i class="material-icons">
                    search
                </i>
            </a>
            <div class="dropdown-menu animate slideIn zoeken--dropdown" aria-labelledby="zoekenDropdown">
                <input class="form-control dropdown-item" id="zoeken-term" type="search" name="q"  placeholder="Waar bent u naar op zoek?" autocomplete="off" aria-label="Search">
                <button type="submit" class="zoeken--dropdown--btn">
                    <i class="material-icons">
                        search
                    </i>
                </button>
            </div>
        </li>

字符串

Html

来源：https://stackoverflow.com/questions/66257979/weird-blue-outline-border-search-button-ios

3条答案

按热度按时间

d4so4syb1#

这可能不是正确或完美的答案，但你试过使用!important吗？
与:focus或:active组合应该可以工作。如果它只在IOS上，这可能会帮助你：https://developer.mozilla.org/de/docs/Web/CSS/WebKit_Extensions

赞(0）回复(0）举报 2023-11-15

7hiiyaii2#

This worked for me in the end

            &:focus {
                    outline: 0 !important;
                    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
                    -webkit-touch-callout: none;
                    -webkit-user-select: none;
                    -khtml-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none; 
                }

字符串

赞(0）回复(0）举报 2023-11-15

aurhwmvo3#

我认为你应该尝试outline: none;和 ：focus*：active * 在这种情况下不起作用。

轮胎outline: none;

看看这个...

.btn{
  border: none;
  outline: none;
 }

个字符

赞(0）回复(0）举报 2023-11-15

我来回答

html 奇怪的蓝色轮廓/边框搜索按钮iOS

3条答案

相关问题

热门标签

最新问答