vue li始终前面有黑点，设置list-style:none也没用

Question

<div>

    <el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect" style="list-style: none;">
        <el-menu-item index="1" @click="goHome" style="list-style: none;">1</el-menu-item>
        <el-menu-item index="2" @click="goData" style="list-style: none;">2</el-menu-item>
        <el-menu-item index="3" @click="goUser" style="list-style: none;">3 management</el-menu-item>
        <el-submenu index="4">
            <template slot="title" style="list-style: none;">New</template>
            <el-menu-item index="4-1" @click="newTab(1)" style="list-style: none;">1</el-menu-item>
            <el-menu-item index="4-2" @click="newTab(2)" style="list-style: none;">2</el-menu-item>
            <el-menu-item index="4-3" @click="newTab(3)" style="list-style: none;">3</el-menu-item>
            <el-menu-item index="4-3" @click="newTab(4)" style="list-style: none;">4</el-menu-item>
        </el-submenu>
    </el-menu>
    <div class="line"></div>
</div>

Answer 1

ele menu组件什么时候有黑点了？我一直用我怎么不知道

Answer 2

是不是自己设置的有什么全局样式冲突

Answer 3

list-style:none!important;