bootstrap dropdown ::伪元素右对齐后

Question

我目前在FindOptions按钮上使用btn-block使其变为全角。

但是，我不喜欢:: after伪元素与按钮内容之间只有固定的宽度。

我对psuedo元素样式不满意，但是有没有办法使下拉箭头“浮动”并从下拉列表的右侧对齐固定宽度？

.dropdown-toggle

Answer 1

您可以制作:after元素position: absolute;并将其向右对齐，就像这样...

.dropdown-toggle::after {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -5px;
}

无论下拉列表的高度如何，top和margin-top元素都可以帮助垂直对齐箭头。