我有一个应用程序与Rails + Devise + Tailwind。我有一个表单与此提交按钮:<%= f.submit "Login", class: 'w-full text-white bg-blue-700 hover:bg-gray-500 font-bold rounded-lg text-sm px-5 py-2.5 text-center mt-5' %>
而且它工作得很好,如果我试着改变字体大小它就能工作,但是如果我试着把背景颜色改成bg-blue-300
或者其他不同于bg-blue-700
的颜色它就会变得透明。
我尝试添加内联样式style="color:red;"
和它的工作,但我们不能添加悬停背景颜色与内联样式。
我可以在tailwind.config.js
中创建一个plugin
,但这并不能解决为什么会发生这种情况。
谢谢
1条答案
按热度按时间brccelvz1#
我刚刚解决了它,但我不相信这是一个很好的做法。
我从css文件
output.css
中删除了这种类型按钮(提交)的默认值,现在可以正常工作了从这里:
改为: