.el-tree /deep/ .el-tree-node__expand-icon.expanded{ -webkit-transform: rotate(0deg); transform: rotate(0deg);}//有子节点 且未展开.el-tree /deep ...

头朝下的小三角 width:0; height:0; border:50px solid transparent; //所有border都是透明的， border-top-color:black; //只有尖相对的方向border有颜色 　　 同理，头朝上的小三角，只要把 ...

1.项目中有一份数据是文件夹里面包含文件夹再包含问件的格式,有个需求是需要将文件夹和文件的图标区别处理. 最后的效果如下: 2.修改el-tree树结构自带的三角图标的颜色. 修改三角图标的颜色比较简单,加上下面的代码即可 但是加上了之后会出现一个问题 ...

乍一看，很简单，做小三角，首先想到的是利用border的transparent特性，可以制作出小三角的效果。但是注意，这个小三角本身就是边框制作出来的。怎么能在小三角的外边再加一层小边框呢。那就必须再叠加一层一样的东西，让两者有1px的错位。问题就解决了。不想在页面添加多余的无意义的标签，还想实现 ...

<div class="arrow-up"> <!--向上的三角--> </div> <div class="arrow-down"> <!--向下的三角--> </div> <div class ...

：当div的宽高为0时，设border的宽度并设颜色，会发现div像是被分割为4个小三角形， ...

效果图： 方法一的效果图 方法二的效果图 方法三的效果图 方法一： css代码： #top { position: absolute; width: 0px; height ...

CSS伪类 左三角：没有左边框；同理右上下。。。 ...