Search code examples
htmlcssradio-buttontooltiptipsy

CSS Customization of Tooltip on Radio Button

So I have this html code:

<label class="selection-confirm" title="some long tool-tip text goes here"><input type="radio" name="options" value="1" class="required selection-confirm" > Option1</label>

So here's my attempted css:

.selection-confirm:hover {
    background-color:#FC0107;
}

But that just highlights the selection. But I want to customize the tooltips box itself. How do I do that?

Solution

  • You cannot style tooltips. You can make something that's sorta like a tooltip with CSS using the content property in combination with the attr expression(?): http://jsfiddle.net/mjC7D/