Question

我正在尝试修改角度ui-select右侧的插入符号（向下箭头）的外观。我已经能够通过在

上放置css属性来对插入符进行一些更改（例如，更改其颜色）

.ui-select-boostrap .ui-select-toggle > .caret

css课程。但是，任何可能改变其大小（高度，宽度，字体大小，背景大小）的东西都没有任何效果。

我查看了angular-ui-select / dist文件夹中的select.css文件，它在相关类中具有以下css属性：

.ui-select-bootstrap .ui-select-toggle > .caret {
  position: absolute;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -2px;
}

然而，对于我来说，这还没有任何用处。甚至改变高度＆＃39;直接在此css文件（或min.css文件）中的属性不能解决问题。

Answer 1

更改边框的大小

.ui-select-bootstrap .ui-select-toggle > .caret {
    border-top: 20px solid black;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}

这可能很有用： https://css-tricks.com/snippets/css/css-triangle/

无法在angular-ui-select的bootstrap主题中调整插入符号大小

1 个答案: