Styling den Titel innen Eingangs Tag

Question

ist es eine Möglichkeit, die Titel innerhalb des Tags Style? ich meine für ein Beispiel:

<input type= "submit" id="submit" title= "submit your form"> 

ich wissen will, ist es möglich, diesen Titel in dem Eingangs-Tag stylen?

Answer 1

Nein, aber man kann einige Trick mit ihm versuchen.

$(document).ready(function(){ 
 
    var old_title; 
 
    $('.title-styled').on('mouseover', function(){ 
 
    old_title = $(this).attr('title'); 
 
    $('.title-message').html($(this).attr('title')).css('visibility', 'visible'); 
 
    
 
    $(this).attr('title', ''); 
 
    }); 
 
    
 
    $('.title-styled').on('mouseleave', function(){ 
 
    $(this).attr('title', old_title); 
 
    $('.title-message').html('').css('visibility', 'hidden'); 
 
    }); 
 
    
 
});

.title-message{ 
 
    visibility: hidden; 
 
    padding: 10px; 
 
    border: solid 1px #f9f9f9; 
 
    box-shadow: 3px 3px 3px #1a1a1a; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type= "submit" id="submit" class="title-styled" title= "submit your form"> 
 

 
<span class="title-message"></span>

Andere Option:

Wenn Sie ein jQuery-Plugins verwenden möchten, visit this link.