2013-03-17 72 views
0

我想要文本而不是在rails中提供的按钮。form_for提交按钮,样式按钮是文本而不是按钮

我已经向提交按钮添加了一个类,但这是我卡住的地方。通常在CSS中,如果我想要某些东西是文本,我只是不会设计它。但在这种情况下,按钮自动设置为看起来像一个按钮。

我该如何忽略它,并使它看起来像文本?

回答

2

这是你的按钮,一类no_style的(或任何你想):

<button class="no_style">test</button> 

然后在你的样式表调用按钮,一类no_style的:

button.no_style { 
    background: none; 
    border: none; 
} 

您可能需要检查按钮以查看是否有任何其他样式。您可以通过右击按钮并选择“检查元素”来检查它。如果您的按钮有任何其他样式,我可以帮助您删除它们。只要让我知道是否有其他东西出现,我可以告诉你如何删除它。

如果你想改变你仍然可以样式没有按钮的外观中的文本,就像这样:

button.no_style { 
    background: none; 
    border: none; 
    color: red; 
    font-size: 24px; 
    text-transform: uppercase; 
} 

难道这就是你要找的人?

+0

谢谢我没有意识到按钮正在被backgorund和边框风格。我也没有意识到我可以用开发人员工具检查css元素。 TY指出对我来说这将是非常有用的在将来 –

+0

我很高兴我可以帮助! – lflores