如何更改箭头大小

Question

我正在使用Bootstrap日期选择器，并且更改了它的大小，因为它太小了。 我使用了以下CSS：

.ui-datepicker.ui-widget.ui-widget-content{
    font-size: 45px !important;
    max-height: fit-content !important;
  }

但是，与小部件的其他所有内容相比，现在更改月份的箭头太小了。

我的问题是我无法更改大小。我尝试如下更改width的{​​{1}}和height。

ui-icon

但是它只显示更多图标：

令人惊讶的是，我找不到任何类似的主题。

有帮助吗？

Answer 1

此小部件似乎将所有图标都用作CSS精灵（链接在此处https://code.jquery.com/ui/1.12.1/themes/base/images/ui-icons_444444_256x240.png）-因此，所有图标都放置在一个大图像网格中，并且图标由background-position属性确定，该属性仅显示所需的剪辑图标。更改font-size，background-size无济于事。您只需要使用很少的数学运算，并且每次width / height的更改都会重新计算所拼接图标的缩放坐标（正确的background-size和background-position可以精确地适合图标。那真是浪费时间，我会使用其他图标，例如图像，背景图像或字体图标

Answer 2

我认为这里是“字体大小”的问题。在检查模式下检查箭头的字体大小，然后增加字体大小。

Answer 3

如果箭头是图像，则可以将图像的宽度设置得更大。

.ui-datepicker.ui-widget.ui-widget-content img{
width: suitable width;
  }

希望可以帮助您回答查询