Question

我遇到一种情况，应该更改 react-datepicker 组件中默认情况下可用的导航箭头。

我发现并尝试了什么？

我发现日期选择器使用了button标签，并使用该类来应用图标，如下所示：

<button type="button" class="react-datepicker__navigation react-datepicker__navigation--previous react-datepicker__navigation--previous--disabled"></button>
<button type="button" class="react-datepicker__navigation react-datepicker__navigation--next"></button>

我尝试用右/下导航按钮上的预期图像实现背景，

.react-datepicker__navigation--next {
    background: url(../images/rightArrow.png) no-repeat !important;
    right: 10px;
    width: 15px;
}

但这不起作用。

有人可以帮助我如何更改导航图像上的图像吗？

注意：：我检查了react-datepicker文档和其他SO查询，但到目前为止，在任何地方都找不到任何相关帮助。

Answer 1

如果您在谈论this datepicker组件-它们使用边框构建箭头。因此，要将自定义图像用于箭头，只需为特定的箭头按钮设置适当的library(ggplot2) dt<-data.frame("Name"=sample(c("A","B"),10,replace = T), x=sample(1:10,10),y=sample(1:10,10)) ggplot(dt, aes( x= x , y= y))+ geom_point(stat='identity', aes(shape=Name,colour = Name))+ scale_x_discrete(limits=1:12)+ scale_y_discrete(limits=1:12)和width并消除边框即可。

使用您的示例，看来下一个可行：

height

React-Datepicker：如何更改导航箭头？

1 个答案: