2016-02-10 2 views
0

У меня есть div с tt ID и я пишу код в JavaScript, чтобы добавить title атрибут (tooltip) в коде выполнения определяется как:Изменить атрибут ДИВ название цвета

$("#tt") 
    .css("left", (mouse.x - 240) + "px") 
    .css("top", (mouse.y - 258) + "px") 
    .attr("title", title) 
    .tooltip('show'); 

Теперь я хочу установить цвет на title атрибут. Пожалуйста, предложите мне, как заставить его работать.

+0

что-то вроде этого? '.titletip .title {color: red}' –

+0

Возможный дубликат [Как изменить стиль атрибута Title внутри тега привязки?] (http://stackoverflow.com/questions/2011142/how-to-change-the -style-of-title-attribute-inside-the-anchor-tag) – dimshik

ответ

0

Если я правильно понимаю, вы хотите изменить цвет родной титул ...

Вот CSS3 способ сделать это

http://jsfiddle.net/dimshik/tDQWN/8662/

Источник: https://css-tricks.com/css-content/

body { 
 
    padding: 10px; 
 
} 
 

 
a { 
 
    color: #900; 
 
    text-decoration: none; 
 
} 
 

 
a:hover { 
 
    color: red; 
 
    position: relative; 
 
} 
 

 
a[title]:hover:after { 
 
    content: attr(title); 
 
    padding: 4px 8px; 
 
    color: red; 
 
    position: absolute; 
 
    left: 0; 
 
    top: 100%; 
 
    white-space: nowrap; 
 
    z-index: 20px; 
 
    -moz-border-radius: 5px; 
 
    -webkit-border-radius: 5px; 
 
    border-radius: 5px; 
 
    -moz-box-shadow: 0px 0px 4px #222; 
 
    -webkit-box-shadow: 0px 0px 4px #222; 
 
    box-shadow: 0px 0px 4px #222; 
 
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); 
 
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc)); 
 
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); 
 
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); 
 
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); 
 
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc); 
 
}
<p>Here is some text and a <a href="#" title="Hello, i am a link">LINK</a> 
 
with a red title on it. </p> 
 

 
<p> And here is another one <a href="#" title="This is another link">Link</a> eleifend leo.</p>

+0

есть две подсказки, когда вы наводите на нее ... использовать название данных вместо названия только – Dhara

+0

Это может быть как http://jsfiddle.net/ BDhara/tDQWN/8663/:) – Dhara

+0

Да, я вижу, родной заголовок покрывает сгенерированный :( – dimshik

0

В настоящее время я использую:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

/* Change Blocked with the title you are loo*/ 
    <script>$(document).ready(function(){ 
     $("div[title*='Blocked']").css("background-color", "yellow");}); 
    </script> 
/* Everything with the text Blocked in the title will change color*/ 
    <div title="Blocked ality">One</div> 
    <div title="Blocked">Two</div> 

Надеюсь, это поможет. V/r Sergio

Смежные вопросы