如何使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中的表单提交按钮看起来像一个链接？

回答

相关问题