CSS Bootstrap选择移动显示在下拉菜单中文本左侧的刻度线

热情

在此问题之后,我试图将选择器的刻度线移到选项文本的左侧。
这是网站上的示例:在此处输入图片说明

我试图像这样覆盖CSS:

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: relative;
}

将其更改为某个relative位置,但没有成功。

提前致谢。

更新

官方网站上有一个例子

<select class="selectpicker show-tick">
  <option>Mustard</option>
  <option>Ketchup</option>
  <option>Relish</option>
</select>

更新2

这是我的引导程序选择器css文件,看起来像:

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: relative;
  display: inline-block;
  right: 15px;
  /*margin-top: 5px;*/
  left:2px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
阿卡什·塔库尔(Aakash Thakur)

在您的CSS中更新以下内容:

    .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{
    position: absolute;
    display: inline-block;
    left: 5px; //changed from right:15
    margin-top: 5px;
}

看下面的图片:

在此处输入图片说明

而且你很好。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章