在输入标签内设置标题样式

Question

有没有办法在标签内标题？ 我的意思是一个例子：

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

我想知道是否可以在输入标签内设置此标题的样式？

Answer 1

没有。但你可以尝试一些技巧。

＆＃13;

＆＃13;

$(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');
  });
  
});

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

其他选项：

如果你想使用jQuery插件，visit this link。