如何使用 jquery 将自定义 css 应用于文本框的标题属性答案

【问题标题】：How to apply custom css to the title attribute of textbox using jquery如何使用 jquery 将自定义 css 应用于文本框的标题属性
【发布时间】：2013-10-22 06:28:14
【问题描述】：

我需要使用 jquery 将自定义 css 应用于 asp.net mvc 视图中文本框的标题属性。

谁能帮我获取一些示例代码，以便将自定义 css 应用于文本框的标题属性。

感谢和问候，桑托什·库姆帕特罗

【问题讨论】：

浏览器控制默认标题属性弹出的行为。您可以使用可自定义的工具提示覆盖此功能。

标签： jquery

【解决方案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>

【讨论】：

那么..你试过/考虑过吗？如果它不正确，那么我应该删除答案。