更改標題屬性的字體系列

Question

我想使用JavaScript或jQuery更改輸入字段中title屬性的font-family 。 有辦法嗎？

<input type="text" title="Enter Your Name" id="txtName" />

Answer 1

原始title屬性樣式（在<a> ， <img>或<input> ）由您使用的操作系統定義-類似於<select> 。

可以使用CSS和JS將默認的工具提示替換為動態創建的HTML。

為此，您可以使用一些開源庫，例如Bootstrap工具提示 ：

 $('input').tooltip() 

 .tooltip { font-family: 'Unlock', cursive!important; } 

 <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/> <link href="https://fonts.googleapis.com/css?family=Unlock" rel="stylesheet"> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> <input type="text" data-toggle="tooltip" title="Enter Your Name" id="txtName" />