reactjs Fluent UI日期时间选择器当前日期颜色未改变React中的问题

vuktfyat 于 2023-03-17 发布在 React

关注(0)|答案(2)|浏览(152)

我正在使用流畅的用户界面日期选择器。我试图改变颜色在今天。但它没有改变默认的蓝色。

const DatetimePickerFileds = (theme) => {
  return mergeStyleSets({
    root: { 
      selectors: { 
       ".dayIsToday":{ "background-color":theme.colors.addovation70Green},  
      },   
    }, 
  });
};


<DatePicker  
 placeholder="Select a date..."
 ariaLabel="Select a date" 
 styles={controlStyleTheme.DateTimePickerStyle}
/>

请给予一些建议，以增加自定义颜色为这一点。
This is my sample

reactjs

来源：https://stackoverflow.com/questions/75729087/fluent-ui-datetime-picker-current-date-color-not-changing-issue-in-react

2条答案

按热度按时间

yqhsw0fo1#

我发现它我自己。你可以使用这个设计工具来创建自定义主题。
check this website

赞(0）回复(0）举报 2023-03-17

mo49yndu2#

DatePicker Package Calendar Component。您可以使用calendarProps修改样式：

<DatePicker
  ...
  calendarProps={{
    styles: {
      root: {
        selectors: {
          '.ms-CalendarDay-dayIsToday': { backgroundColor: '#f00!important' }
        }
      }
    }
  }}
/>

Codepen工作example。

赞(0）回复(0）举报 2023-03-17

我来回答

reactjs Fluent UI日期时间选择器当前日期颜色未改变React中的问题

2条答案

相关问题

热门标签

最新问答