如何使用jquery将自定义css应用于文本框的title属性

Question

我需要使用jquery在asp.net mvc视图中将自定义css应用于textbox的title属性。

任何人都可以帮我获取一些示例代码，以便将自定义css应用到文本框的title属性。

谢谢＆amp;问候， Santosh Kuamr Patro

Answer 1

您可以使用jQuery UI Tooltip来实现这一目标。

<强> See demo here

示例HTML：

<p>
    <label for="age">Age:</label>
    <input id="age" title="We ask for your age only for statistical purposes." />
</p>

应用风格：

.ui-tooltip {
    background: green;
    border: 2px solid white;
    color: white;
}

需要JavaScript（激活工具提示）：

$(function () {
    $(document).tooltip();
});

不要忘记导入必要的脚本（以及所需的CSS主题）：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>