您可以使用检查来查看组件类将如何合并。从您的代码来看,按钮组件将如下所示
<button class="py-2 px-4 text-white rounded-lg bg-gray-500 hover:bg-gray-600 bg-accent" type="submit" >
我认为如果有两个背景类,那么编译后的CSS将采用最后一个。
要强制背景颜色,您可以使用重要的修饰符('!'),如下所示
<x-button id="book_but" onclick="book()" class="!bg-accent">