有没有一种方法可以将日历图标放在输入字段中？还有，我怎样才能改变日历的颜色？

Question

这是我的代码： https://svelte.dev/repl/f137b909d3e740f99a030576189091db?version=3.22.3 我怎样才能输入字段内的日历图标？还有，如何更改日历的颜色？

提前致谢！

Answer 1

您使用了第 3 方组件，快速查看他们的文档后我发现它不支持图标的自定义放置。

改变颜色有点棘手。他们使用全局 css 变量，我会这样做。将以下代码段添加到您的 App.svelte:

<style>
    :global(:root) {
        --primary: red;
    }
</style>

还有更多全局变量，您可以覆盖它们。查看他们的示例：

Is there a way in svelte where I can put the calendar icon inside input field? And, how can I change the color of the calendar?