css - 如何重新设置提交按钮的样式？

Question

在我的 ASP.NET MVC 应用程序的一个页面中，我有一个显示给用户的消息列表。像这样的东西：

按下关闭按钮将消息标记为在服务器上已读，这样它就不会再次显示。这个关闭按钮在内部是一个“提交”类型的输入，因为我知道任何服务器端的更改都必须由表单发布触发。

我想在消息框的右上角显示这个关闭为小“X”。我怎么能这样设计？还是有其他更好的方法来做到这一点？

Answer 1

使用 CSS。

.as_link {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0px;
    color: red;
    float: right;
    etc...
}

等等。

编辑：只需重新阅读您的问题。使用上面的但称它为“x”，我不确定你是否会将它用于 web .net 应用程序（因为我不熟悉 .net 的方式，但如果你是的话，它会工作, 否则忽略我:) )

Answer 2

使用<input type="image" ... />标签：

<input type="image" src="/path/to/image.file" alt="Alt text" />

它充当提交按钮，但显示图像。