Question

我有这个HTML：

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

我想给提交按钮一些css，所以它看起来像一个链接。

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

我该怎么做？

Answer 1

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

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

这不是你想要的吗？

如前所述，另一个选项是使用javascript提交锚点元素的表单：

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

您的表单具有属性：name="review"

Answer 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;
}

通过这种方式，您可以将课程分配到页面中的不同按钮（，如果需要），并且它们都会得到相同的外观。

Answer 3

使用按钮元素：

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

Answer 4

您需要添加一个类，例如"submitClass"。

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

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

Answer 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;
}

css输入提交链接

5 个答案: