Question

几个小时后，当我添加一个可折叠列表时，我问了一个关于我的背景如何消失的问题。他们给我的解决方案是：

 body.ui-overlay-a {
            background-color: #dc143c;
        }
        div.ui-page-theme-a  {
            background-color: transparent;
        }

我问了同一个人关于蓝盒子的事，他给了我这个：

div.ui-page-theme-a  {
            background-color: transparent;
        }

但这没有任何人有任何答案吗？

导航条形码（CSS）：

/* Navigation bar */
        .nav {
            font-family: 'Roboto', sans-serif;
            margin-top: 20px;
            height: 40px;
            background: #000000;
        }

        .nav ul {
            margin: 0;
            padding: 0;
        }

        .nav ul li {
            list-style:  none;
        }

        .nav ul li a {
            text-decoration: none;
            float: right;
            display: block;
            padding: 10px 50px;
            color: white;
        }

        .nav ul li a:hover {
            color: #D3D3D3;
        }

        .headerBreak {
            width: 100%;
            height: 0;
            border-bottom: 2px solid #000000;
        }

        h4 {
            font-family: 'Roboto', sans-serif;
            font-size: 24px;
            text-align: right;
            text-decoration: none;
        }

        p {
            font-family: 'Lato', sans-serif;
            font-size: 30px;
        }

这是导航栏内部的内容（内部）

<div class="nav">
        <ul>
            <li><a href="#">Contacts</a></li>
            <li><a href="#">Map</a></li>
            <li><a href="#">Reservations</a></li>
            <li><a href="#">Online Order</a></li>
            <li><a href="#">Menu</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Home</a></li>
        </ul>
    </div>

    <div class="headerBreak"></div>

请注意，这不仅适用于导航栏，还适用于我和

参考：http://i.imgur.com/acnJE5Y.png 编辑1：我将此网站添加到免费域名托管服务商，我还将outline: none;添加到nav ul li a {但是当我打开它时仍然无法正常工作但是当我复制文件并打开它时文本没有有蓝色轮廓，但在我的原始文件中它

http://marcxu88.000webhostapp.com

如果您可以检查代码并查看是否有什么问题，我们将不胜感激。

提前致谢。

Answer 1

尝试将outline: none;添加到选择器.nav ul li a。

如何删除导航栏中的蓝色轮廓？

1 个答案: