Проблема с цветом фона на теге li

Question

Я устанавливаю цвет фона элемента li с помощью кода ниже:

$('#li123').animate({ backgroundColor:  color}, 'slow');

Работает нормально, но цвет охватывает всю длину li. Что мне делать, если я хочу охватить текст, содержащийся только в li.

Answer 1

Оберните текст внутри li в span и вместо него сделайте animate на промежутке. Если вам нужен верхний и нижний поля анимированной области, вы можете использовать display: inline-block на span.

Answer 2

Простой,

Для вашего <li> добавьте <span>, введите текст в блок span и сделайте JQuery animate для этого span. Ваш вопрос не слишком ясен.