asp.net中Web窗体的自定义按钮

Question

我想为我在asp.net中编写的网站设置一些自定义按钮。 我很难弄清楚什么是最好的方法。

对于这些按钮，我想设计它们的外观。 我要的是矩形以外的其他形状。 我还希望这些按钮的行为像普通按钮一样。 可以说该按钮的正常状态版本为红色，然后当我单击该按钮时它变为黄色，最后当我松开（鼠标按钮向上）时，它又回到红色。 我也希望可点击区域具有与按钮相同的形状。

我已经看过ImageButtons了，这与我想要它做的不完全一样。 我看过用户控件和自定义控件，但我不知道这是否是我想要的。 在学校里，我的C Sharp课程或asp.net Web开发课程都没有真正涉及这些功能。 似乎最适合我想要的东西是winforms中的演示和示例，而不一定是webforms中的示例。

尝试实现此目标的最佳方法是什么？ 用户控制是要走的路吗？ 还是有一种更优雅的方式来实现这一目标？ 任何意见是极大的赞赏。 我不需要代码，我只想知道你们认为最简单的方法。

谢谢。

Answer 1

对于我来说，我不会仅仅为样式按钮实现用户控制。 相反，我将使用CSS设置样式，因为CSS重量轻且易于维护。

例如，

<style type="text/css">
    .submit {
        border: 1px solid #563d7c;
        border-radius: 5px;
        color: white;
        padding: 5px 10px 5px 25px;
        background: url(https://i.stack.imgur.com/jDCI4.png) 
            left 3px top 5px no-repeat #563d7c;
    }
</style>

<asp:Button runat="server" ID="Button1" Text="Submit" CssClass="submit" />

Answer 2

用户或自定义控件是必经之路。 您可以定义HTML，CSS，Javascript，渲染以及控件所需的所有内容。

用户控件是.ascx文件，您可以在后面的代码中实现这些文件。 它们简单轻巧，但不适用于大型项目。

自定义控件已编译，如果需要，您可以将其拖放到表单中。 这些操作花费更多时间，但是您可以控制渲染，并且在大型项目中效果很好。

你可以在这里阅读更多：

https://msdn.microsoft.com/zh-cn/library/aa651710%28v=vs.71%29.aspx?f=255&MSPPError=-2147217396