DevExpress ASPxButton 不更新所有属性

Question

好吧，已经有一段时间了，但我真的被这个难住了。我想从后面的代码中改变一个ASPxButton的图像源（稍后我会添加条件）。 ImageUrl 属性更新但高度、宽度和边框样式丢失（图像以其自身的高度和宽度显示，并带有粗黑边框）。

<dx:GridViewDataTextColumn FieldName="SyncStatus" VisibleIndex="0" Caption=" " Width="22px">
    <DataItemTemplate>
       <dx:ASPxButton runat="server" Image-Url="~/Images/Wizard/Wand24x24.png" Height="20px" Width="20px" 
        Border-BorderStyle="None" id="btnWiz" OnInit="btnWiz_Init"></dx:ASPxButton>
    </DataItemTemplate>
 </dx:GridViewDataTextColumn>


    Protected Sub btnWiz_Init(sender As Object, e As EventArgs)

    Dim btnWiz As ASPxButton = TryCast(sender, ASPxButton)
    Dim container As GridViewDataItemTemplateContainer = TryCast(btnWiz.NamingContainer, GridViewDataItemTemplateContainer)

    btnWiz.ImageUrl = "~/Images/NewNote.png"
    btnWiz.Border.BorderStyle = BorderStyle.None
    btnWiz.Border.BorderWidth = Unit.Pixel(0)
    btnWiz.Height = Unit.Pixel(20)
    btnWiz.Width = Unit.Pixel(20)

End Sub

我尝试将其添加为解决方案

 .dxbButton
   {
     border-style: none;
     height: 20px;
     width: 20px;
    }

但是元素检查显示这被忽略了。请告知，因为你有能力，提前谢谢你。

Answer 1

您的 css 样式由于您的内联样式而被忽略

Height="20px" Width="20px" Border-BorderStyle="None"

正在生成内联样式，这就是您最终得到的：

<div style="border-style:None; height:20px; width:20px; -moz-user-select:none;" ...

这会覆盖您的 css

Answer 2

显然这是一个小的语法调整（正如我所怀疑的）。正确的语法是

    btnWiz.Image.Height = 20
    btnWiz.Image.Width = 20

当然，我确信这在某个地方有完整的记录。它还解决了边界问题。

DevExpress ASPxButton 不更新所有属性

DevExpress ASPxButton not updating all properties

css

devexpress

aspxgridview

winforms