Css вход отправить ссылку

У меня есть этот html:

      <form id="REVIEW" method="post" action="/SortReviews">
        <fieldset class="sort">
          <input type="submit" value="$ratingLine"/>            
        </fieldset>
      </form>

Я хочу дать кнопке submit some css, поэтому она выглядит как ссылка.

{
    background: none;
    border: none;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

Как мне это сделать?

Ответы

Ответ 1

<style type="text/css">
form input[type="submit"]{

    background: none;
    border: none;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}
</style>

Разве это не то, что вы ищете?

Другой вариант, как уже отмечалось, - использовать javascript для отправки формы onclick элемента привязки:

<a href="#" onclick="document.review.submit()">submit</a>

с вашей формой, имеющей атрибут: name="review"

Ответ 2

Вы должны назначить класс кнопке

<input type="submit" value="$ratingLine" class="link-lookalike"/>

и в вашем файле css (или внутри тега <style type="text/css"></style>) используйте

.link-lookalike {
    background: none;
    border: none;
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

таким образом вы можете назначить класс различным кнопкам на вашей странице (если требуется), и все они будут выглядеть одинаково.

Ответ 3

Используйте элемент кнопки:

<button type="submit">$ratingLine</button>

Ответ 4

Вам нужно добавить класс, например "submitClass".

<input type="submit" value="$ratingLine" class="submitClass"/>

   .submitClass {
        background: none;    
        border: none;    
        color: blue;    
        text-decoration: underline;    
        cursor: pointer;
   }

Ответ 5

Вот как я это сделал с html и css:

<p><form class='input-to-link-form'><input type="submit" value="Place your order" class="input-to-link"></form> and make payment.</p>

.input-to-link {
  margin: 0;
  padding: 0;
  color: #0088cc;
  text-decoration: none;
  font-weight: 300;
  cursor: pointer;
  background: none;
  border: none;
}

.input-to-link-form {
  margin: 0 4px 0 0;
  padding: 0;
  float: left;
}