我知道您可以更改 DetailsView CommandRowStyle 的样式,但是如果我想更改实际编辑和删除链接的样式怎么办?你能访问那些吗?
我宁愿不使用图像,而且我想让我的编辑和删除链接与我已经创建的链接按钮 CSS 相匹配。
我知道您可以更改 DetailsView CommandRowStyle 的样式,但是如果我想更改实际编辑和删除链接的样式怎么办?你能访问那些吗?
我宁愿不使用图像,而且我想让我的编辑和删除链接与我已经创建的链接按钮 CSS 相匹配。
我能够使用 ControlStyle-CSSClass 属性。我没有意识到这是可用的,因为我正在寻找 CSSClass 就像其他控件使用一样。
感谢@FlopScientist 的帮助
两种方法:
<asp:GridView ...cut...>
<Columns>
<asp:CommandField ButtonType="Link" ShowEditButton="True">
<!-- CSS classes on td -->
<ItemStyle HorizontalAlign="Right" CssClass="command_field" />
<!-- CSS classes on buttons -->
<ControlStyle CssClass="button_style default_colour small_size" />
</asp:CommandField>
</Columns>
</asp:GridView>
或者
<asp:CommandField ButtonType="Link" ShowEditButton="True"
ControlStyle-CssClass="button_style" />
您可以尝试查看哪一个最好的一些选项是:
1.)CommandField
在<fields>
标签内使用 这种方式可以显示按钮,而不是插入、删除...操作的链接。
<Fields>
<asp:CommandField ButtonType="Button" ... />
</Fields>
注意<asp:CommandField>
不具有任何CSSClass
属性。
2.) 你可以使用TemplateField
. 根据您的需要,在其中放置任何按钮、链接按钮等并指定CSSClass
属性,以便您可以使用 CSS 样式进一步自定义它。参考MSDN
<asp:templatefield>
<itemtemplate>
<asp:Button id="NewRecordbtn" CssClass="ClassNewButton"
CommandName="Insert"
runat="server"/>
<asp:LinkButton id="DeleteButton" CSSClass="ClassDelButton"
CommandName="Delete"
runat="server"/>
</itemtemplate>
</asp:templatefield>
希望你至少得到这个想法。
但是,请注意,一旦您指定<ItemTemplate>
,您还应该指定<InsertItemTemplate>
and <EditItemTemplate>
(视情况而定)。另外请参考描述类似想法的此链接。
您可以使用下面的代码行,它对我很有效。
<asp:CommandField ShowEditButton="true" ControlStyle-CssClass="fas fa-edit" />