form_for submit button, кнопка стиля для текста вместо кнопки

Question

Я хочу текст вместо кнопки, которая предоставляется в рельсах.

Я добавил класс к кнопке отправки, но это то место, где я застрял. Обычно в CSS, если я хочу, чтобы что-то было текстом, я просто не стилю его. Но в этом случае кнопка автоматически создается, чтобы выглядеть как кнопка.

Как мне переоценить это и сделать его похожим на текст?

Answer 1

Вот Ваша кнопка с классом 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; 
} 

это то, что вы искали?