css input submit lien

J'ai ce code html:

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

Je veux donner le bouton soumettre un peu de css, de sorte qu'il ressemble à un lien.

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

Comment dois-je faire?

source d'informationauteur SuperString

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

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

    N'est-ce pas ce que vous cherchez?

    L'autre option, comme l'a déjà noté, est d'utiliser javascript pour soumettre le formulaire onclick d'un élément ancre:

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

    avec votre formulaire d'avoir un attribut: name="review"

  2. 2

    Vous devez attribuer une classe à la touche

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

    et dans votre fichier css (ou à l'intérieur d'un <style type="text/css"></style> tag) utilisation

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

    de cette façon, vous pouvez assigner la classe aux différents boutons de votre page (si nécessaire), et ils auront tous le même look.

  3. 1

    Utiliser le bouton de l'élément:

    <button type="submit">$ratingLine</button>
  4. 0

    Vous avez besoin pour ajouter une classe, par exemple "submitClass".

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

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

    Voici comment je l'ai fait avec html et 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;
}