如何使HTML中的表單提交按鈕看起來像一個鏈接？

-1

我使用<input type="submit" value="insert"/>作爲html中的按鈕。但是，我怎樣才能讓這個按鈕看起來像一個鏈接（帶下劃線的單詞），但仍然像一個按鈕（提交表單）？如何使HTML中的表單提交按鈕看起來像一個鏈接？

來源

2014-04-25 user3315620

你有沒有嘗試過呢？ – csmckelvey

詢問代碼的問題應該**顯示對正在解決的問題的最小理解**。包括嘗試解決方案，爲什麼他們沒有工作，以及預期的結果。另請參見：[堆棧溢出問題清單]（http://meta.stackoverflow.com/questions/156810/stack-overflow-question-checklist）。 –

[如何使提交按鈕顯示爲鏈接？]（http://stackoverflow.com/questions/4628958/how-to-make-a-submit-button-display-as-a-link） – showdev

這裏有一個FIDDLE

<button type="submit">Submit</button> 

button { 
    background: none; 
    border: none; 
    outline: none; 
    text-decoration: underline; 
    color: blue; 
    cursor: pointer; 
} 
button:hover { 
    color: lightblue; 
}

或

<input type="submit" value="Submit"> 

input[type="submit"] { 
    background: none; 
    border: none; 
    outline: none; 
    text-decoration: underline; 
    color: blue; 
    cursor: pointer; 
} 
input[type="submit"]:hover { 
    color: lightblue; 
}

來源

2014-04-25 18:24:59 mdesdev

只需編輯它的CSS。你可以使用button.id或button＃class來引用它，然後使用常規的CSS來使它看起來像你想要的CSS規則。

來源

2014-04-25 18:22:28 pmac89

我標記這個問題爲重複此：Stackoverflow: how-to-make-a-submit-button-display-as-a-link

試試這個：
HTML：

<input type="submit" class="submitLink" value="Submit">

CSS：How to make a submit button like a link

來源

2014-04-25 18:25:39 JasonWilczak

您應該重複發佈重複問題的答案。您應該將問題標記爲重複。 –

你如何標記重複？我正在尋找那個......可能我錯過了它？ – JasonWilczak

沒關係。你還沒有足夠的代表（15）。讓我爲你照顧這件事。 –

的CSS：

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

JSFiddle

從鉤住輸入[類型=提交] { 文字修飾：強調; 邊框：無; 背景：無; 顯示：內聯;光標：指針; }

來源

2014-04-25 18:27:37 scripter

如何使HTML中的表單提交按鈕看起來像一個鏈接？

回答

相關問題