Question

我在ASP页面上使用Jquery mobile，我无法改变背景颜色。尝试下面的代码，没有运气。如何在jquery mobile中更改asp按钮的背景颜色。

 <div class="ui-body ui-body-b" >
            <div class="ui-grid-a" >
     <div class="ui-block-a" >
                     <asp:Button ID= "Button1" runat="server" Text="Clear"  
                       data-role="button" class="custom-btn"  />
                </div>
                <div class="ui-block-b" >
                <asp:Button ID="Button2" runat="server" Text="Submit"  
                        data-role="button"  />
                  </div>
            </div>
        </div> 



.ui-grid-a .ui-block-a   .ui-btn.Button1 .ui-btn-inner 
    {
         background: green !important; 
    }

 ui-body.ui-body-b .ui-grid-a .ui-block-a  .custom-btn .ui-btn-inner 
    {     
        color: green !important;
    }

Answer 1

奥马尔在评论中给了你正确答案。 asp.net按钮作为<input>呈现为HTML，然后jQM通过将<div>包含在ui-btn类中并隐藏<input>来“增强”它。因此，要更改背景颜色，您实际上需要更改ui-btn div样式。

将CssClass应用于ASP.Net控件将不起作用。相反，在客户端尝试Omar的建议：

div.ui-btn { 
    background-color: green !important; 
    background-image: none !important; 
}

在jQM 1.3中，渐变在背景图像中实现。如果要定位特定按钮，可能需要为其容器分配ID，然后使用#containerid .ui-btn{}

jQuery Mobile与ASP按钮背景颜色变化

1 个答案: