Member 11271026 Ответов: 1

Как изменить стиль атрибута title внутри входного тега?

Я не могу изменить стиль атрибута title По умолчанию во входном теге. Но стили затрагиваются для якорного тега. Пожалуйста дайте мне решение

Что я уже пробовал:

вход {
цвет: #900;
текстовое оформление: отсутствует;
}

вход:hover {
красный цвет;
положение: относительное;
}

input[title]:hover:after {
содержание: привлекательность(название);
прокладка: 4px 8px;
цвет: #333;
положение: абсолютное;
слева: 0;
топ: 100%;
белый-пространство: без переноса;
z-индекс: 20px;
-moz-граница-радиус: 5px;
-webkit-border-radius: 5px;
граница-радиус: 5px;
-moz-box-shadow: 0px 0px 4px #222;
-webkit-box-shadow: 0px 0px 4px #222;
коробка-тень: 0px 0px 4px #222;
фоновое изображение: -moz-linear-gradient(top, #eeeeee, #cccccc);
фоновое изображение: -webkit-градиент(линейный,левый верх,левый низ,color-stop(0, #eeeeee),color-stop(1, #cccccc));
фоновое изображение: -webkit-linear-gradient(top, #eeeeee, #cccccc);
фоновое изображение: -moz-linear-gradient(top, #eeeeee, #cccccc);
фоновое изображение: -ms-linear-gradient(top, #eeeeee, #cccccc);
фон-изображения: -о-линейного градиента(сверху, #бред, #cccccc);
}

1 Ответов

Рейтинг:
1

Member 14935822

Нет. Но вы можете попробовать какой-нибудь трюк с ним.

$(document).ready(function(){
  var old_title;
  $('.title-styled').on('mouseover', function(){
    old_title = $(this).attr('title');
    $('.title-message').html($(this).attr('title')).css('visibility', 'visible');
    
    $(this).attr('title', '');
  });
  
  $('.title-styled').on('mouseleave', function(){
    $(this).attr('title', old_title);
    $('.title-message').html('').css('visibility', 'hidden');
  });
  
});


.title-message{
  visibility: hidden;
  padding: 10px;
  border: solid 1px #f9f9f9;
  box-shadow: 3px 3px 3px #1a1a1a;
}


&ЛТ;скрипт СРЦ="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&ГТ;&ЛТ;/скрипт>
<input type= "submit" id="submit" class="title-style" title= "submit your form">

&ЛТ;промежуток класс="Заголовок сообщения"&ГТ;&ЛТ;/службы&ГТ;