Home/ Questions/Q 7411571
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T06:24:25+00:00

I have a button and a div in my html page. Initially I used

  • 0

I have a button and a div in my html page. Initially I used Redmond theme and then I changed to Ui-lightness theme. The div element properly shows the Ui-lightness theme. But the button is still showing the Redmond theme. How do we correct it?

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.4.js"></script>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.6/jquery-ui.js"></script>

<%--redmond--%>
<%--<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.13/themes/redmond/jquery-ui.css"
    rel="stylesheet" type="text/css" />--%>

<%--ui-lightness--%>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css" type="text/css" />


</head>
<body>
    <form id="form1" runat="server">

<div>
    <button id="cancel" type="button"
            class="ui-state-default ui-corner-all">
            Cancel
    </button>
</div>

<div id="mybox" 
     class="ui-widget ui-widget-content ui-corner-all" 
     style="margin-top: 20px;
     width: 300px; 
     height: 150px;">

    <h3 class="ui-widget-header">Widget Heading Text</h3>
    <p>
        <span class="ui-icon ui-icon-comment" style="margin: 0 2px 0 2px; float: left;"></span>
        This is a test sentence.
    </p>
</div>

</form>

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As you mentioned you did clear browser cache, the probable reason would be the style you have applied to button is incorrect, it should be ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only.

    The button should look like

    <button id="button" 
  class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
  role="button" aria-disabled="false">
  <span class="ui-button-text">A button element</span>
</button>

    according to the jQuery Site.

    And check, modify and download themes from jQuery Website..

    Hope this helps you.

    • 0