css中div设置visibility: hidden; display: none;在页面中会显示一个竖线

html-css023

css中div设置visibility: hidden; display: none;在页面中会显示一个竖线,第1张

visibility: hidden 这句话显得多余了,后面的display既可以隐藏又不占物理空间的位置,

你说的一个坚线跟你贴的代码没有任何关系,是其它代码出了问题.

聚焦有时候会出现一闪一闪的黑色竖线，在css当中有此属性 caret-color

当我们想要改变竖线的颜色的时候，只需要输入颜色的指即可

当我们不想要这个竖线的时候，只需要输入 caret-color: rgba(0, 0, 0, 0)

总结如下

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title></title>

    <style type="text/css">

        #test li{

            list-style: none

            float: left

            margin-right: 10px

        }

    </style>

</head>

<body>

<ul id="test">

    <li><a href="#">企业采购</a></li>

    <li>|</li>

    <li><a href="#">客户服务</a></li>

    <li>|</li>

    <li><a href="#">其他</a></li>

</ul>

</body>

</html>

希望能帮到您。