ruby-on-rails 样式提交按钮不起作用,栏杆+设计+顺风

ctzwtxfj 于 2023-02-01 发布在 Ruby

关注(0)|答案(1)|浏览(70)

我有一个应用程序与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，但这并不能解决为什么会发生这种情况。
谢谢

ruby-on-rails

来源：https://stackoverflow.com/questions/75287821/styling-submit-button-not-working-rails-devise-tailwind

1条答案

按热度按时间

brccelvz1#

我刚刚解决了它，但我不相信这是一个很好的做法。
我从css文件output.css中删除了这种类型按钮（提交）的默认值，现在可以正常工作了
从这里：

button,
[type='button'],
[type='reset'],
[type='submit']{
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

改为：

button,
[type='button'],
[type='reset'] {
  -webkit-appearance: button;
  /* 1 */
  background-image: none;
  /* 2 */
}

赞(0）回复(0）举报 2023-02-01

我来回答

ruby-on-rails 样式提交按钮不起作用,栏杆+设计+顺风

1条答案

相关问题

热门标签

最新问答