Изменить семейство шрифтов атрибута заголовка

Question

Я хочу изменить font-family атрибута title в моем поле ввода с помощью JavaScript или jQuery.Есть ли способ сделать это?

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

Answer 1

Исходные стили атрибутов title (на <a>, <img> или <input>) определяются используемой операционной системой - так же, как, например, <select>.

Чтоможно заменить всплывающие подсказки по умолчанию на HTML, созданный в полете, используя CSS и JS.

Для этого вы можете использовать некоторые библиотеки с открытым исходным кодом, например, Всплывающие подсказки 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" />