It's time to create a basic informational message and experiment with the border styles by changing properties in the ui-state-highlight
class:
Edit the index.html file created earlier and replace the content with the following:
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Customizing Interaction Cues</title> <link href="jqueryui/development-bundle/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" /> <script src="jqueryui/js/jquery-1.5.x.min.js" type="text/javascript"></script> <script src="jqueryui/js/jquery-ui-1.8.x.custom.min.js" type="text/javascript"></script> <script src="index.js" type="text/javascript"></script> </head> <body style="font-size: 10px;"> <div class="ui-widget"> <div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 5px; width...