在使用vue-treeselect这个组件的时候遇到的问题,文档中下拉选项的箭头方向都是正常的,但是我引入到项目中之后发现箭头变成向上的真是奇怪,如下图所示,正常来说应该是展开的是向下的,收缩的是向右的,但是我的这个变成展开向右,收缩向上,被向右旋转了90度,上网搜索到的几个办法都用过但是并没有效果,请教一下各位
.vue-treeselect__control {
display: inline-block;
position: relative;
cursor: pointer;
outline: none;
user-select: none;
}
.vue-treeselect__control::after {
content: "";
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid #333; /* 改变这里的颜色和尺寸来改变箭头的颜色和大小 */
}
.vue-treeselect__control--arrow-expanded .vue-treeselect__control::before,
.vue-treeselect__control--arrow-collapsed .vue-treeselect__control::before {
content: "";
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%) rotate(135deg); /* 改变这里的旋转角度来改变箭头方向 */
border: solid #333; /* 改变这里的颜色来改变箭头的颜色 */
border-width: 3px 0 0 3px;
height: 0;
width: 0;
}
这个无效