如何使提交按鈕顯示爲鏈接？

這不是工作在IE：如何使提交按鈕顯示爲鏈接？

.text-button { background: transparent; 
       text-decoration: none; 
       cursor: pointer; } 



<input type="submit" class="text-button" value="vote+"/>

它顯示一個方形按鈕。

來源

2011-01-07 Will Curran

從這個link複製，你可以讓你的按鈕看起來像一個鏈接 -

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

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

來源

2011-01-07 18:35:25 Vishal

+1謝謝，幫助。 – 2013-11-09 13:36:05

我這個`submitLink：focus`應該是``.submitLink：focus`在`CSS`中去除大綱。 – 2017-09-27 12:24:35

試試這個：

.text-button { 
border: none; 
background: transparent; 
cursor: pointer }

來源

2011-01-07 18:35:29

試試這個：

<style type="text/css"> 
    .text-button 
    { 
     background-color: Transparent;     
     text-decoration: underline;     
     color: blue; 
     cursor: pointer; 
     border:0 
    }  
</style> 
<input type="submit" class="text-button" value="vote+"/>

來源

2011-01-07 18:37:09 Chandu

這可能是一箇舊帖子，但不過 - 可能有很多原因，爲什麼有人會想要它。例如，也許他們想要提交一份並不真正看起來像表格的表單。這可能是他們想要這樣做，只是爲了避免使用`$ _GET`參數。 – 2014-07-09 15:43:15

<form name='test'> 
    <a href="javascript:document.forms['test'].submit()">As a link</a> 
</form>

來源

2011-01-07 18:38:12 labue

喜歡此技巧。 – bLaXjack 2015-09-02 16:54:43

-2

你不能這樣做的按鈕，因爲像輸入元素的東西是客戶端瀏覽器和機器的元素，而不是你的CSS代碼。

您應該使用鏈接到JavaScript代碼片段的<a href=""></a>標籤，然後爲您提交表單。

來源

2011-01-07 18:40:37 chustar

IMO我想我是一個難以應對的開發者。我會建議請求這個應用程序的人選擇讓它保持一個按鈕嗎？

你/他們認爲以下？

從UI的角度來看，使用按鈕以外的其他方法提交表單最好嗎？
如果你確實採用CSS方法，我不相信Safari會允許你改變爲按鈕的外觀。
如果您使用帶有JavaScript的<a>標籤，那麼您的表單沒有提交按鈕，這可能會在未來引起頭痛。您如何輕鬆地從您的其他<a>標籤中檢測到您的提交鏈接？

來源

2011-01-07 19:18:16

我相信mofolo上述提交的答案是提交按鈕的更正確的解決方案

CSS樣式，以使它們看起來像錨標記，則沒有做跨瀏覽器。文本修飾：下劃線樣式被許多瀏覽器類型忽略。

我的經驗中最好的方法是在錨標記的onclick事件上使用javascript。

例如：

「刪除」的用戶的詳細信息鏈接形成屏幕，用確認爲「的UserDetails」的ID提交表單前

<a href="#" onclick="if(confirm('Are you sure you want to delete this user?')){document.forms['userdetails'].submit();}return false;">Delete</a>

來源

2011-04-12 03:37:46 SyntaxGoonoo

我需要準備後重定向頁面，因爲那些依靠提交表單，我需要放置一些東西，使他們工作，即使JavaScript由於某種原因失敗。如果JavaScript失敗，那麼提交表單的錨點也不起作用。我不得不將格式化按鈕看起來像一個鏈接（所以重定向頁面看起來像一個）。我基於Vishal寫的解決方案，但我做了一些小修改，使其看起來更好。結果如下。

button 
 
{ 
 
    padding:0; 
 
    background-color:transparent; 
 
    text-decoration:underline; 
 
    border:none; 
 
    border:0; 
 
    color:blue; 
 
    cursor:pointer; 
 
    font-family:inherit; 
 
    font-size:inherit; 
 
} 
 

 
button::-moz-focus-inner 
 
{ 
 
    border:0; 
 
    padding:0; 
 
}

To complete the redirect <button>click here</button>.

編輯：在Firefox去除填充的訣竅是從here

採取EDIT2：從父元素製成按鈕繼承字體樣式，使它看起來像一個有效的鏈接（以前字體大小和字體系列對於按鈕來說是不同的）。

來源

2015-01-30 13:38:01 jahu

如何使提交按鈕顯示爲鏈接？

回答

相關問題