CSS Customization of Tooltip on Radio Button - HTML CSS CSS Form

HTML CSS examples for CSS Form:input radio button

  1. HOME
  2. HTML CSS
  3. CSS Form
  4. input radio button

Description

CSS Customization of Tooltip on Radio Button

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">

label[title]:hover:after {
   content: attr(title);
   border: 1px solid red;
}


      </style> 
 </head> <!--from   w w w .  j  ava 2  s.c  o m-->
 <body> 
  <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>  
 </body>
</html>

Related Tutorials