Exploring the tooltip CSS framework classes
Using Firebug for Firefox (or another generic DOM explorer), we can see that specific class names are added to the underlying HTML elements that the Tooltip widget is created from. Let's review these class names briefly and see how they contribute to the overall appearance of the widget.
|
Classname |
Purpose |
|---|---|
|
|
The outer container for the tooltip |
|
|
The content of the tooltip |
|
|
Applies content container styles to an element and its child text, links, and icons |
|
|
Applies a corner-radius to all four corners of element |
Unlike other widgets, little in the way of styling is added by tooltip—the majority of the styles are added when the tooltip is created, as shown in the following screenshot:
