2010-06-29 2 views
4

ive был googling, но, похоже, не может найти способ мыши, похожий на hover, для css.CSS и HTML-мышь?

Есть ли он и если да, то как он должен быть закодирован?

+2

CSS не является языком программирования. Что бы вы ожидали от селектора mouseout? –

+0

Есть событие javascript, которое вы можете добавить в свой HTML-элемент '' Но CSS не может распознать это, поскольку он не является язык программирования. – Kyle

+0

Что конкретно вы пытаетесь сделать? Возможно, вы можете добиться того, что вы пытаетесь сделать другим способом (не-javascript).Но если вы пытаетесь сделать что-то поведенческое (в отличие от стилистического), вам понадобится javascript. –

ответ

0

Вы ищете :hover pseudoclass.

a:hover {background: red;} 

будет выделять любую ссылку, на которой вы наведите указатель мыши.

0

У вас могут быть только следующие «события» CSS, насколько я знаю.

а (по умолчанию), а: зависать, : с активным, а: посетил

+1

Есть и другие. ': enabled',': disabled' и ': checked', например. –

1

Существует :hover псевдо-класс:

element:hover { color: red } 

нет события или селектор, когда статус :hover заканчивается, если это то, что вы ищете.

Для этого вам необходимо обратиться к Javascript и событию onmouseout.

5

Вам нужно только :hover pseudo-class for this, когда мышь из элемента, он будет возвращаться к нему дефолтный не- :hover состоянии, как это:

.class { color: black; } 
.class:hover { color: red; } 

при наведении, цвет будет красный и когда вы «mouseout», цвет вернется к черному, потому что он больше не соответствует селектору :hover. Это поведение по умолчанию для всех браузеров, ничего особенного вам не нужно делать здесь.

Если вы хотите что-то сделать программным, вы ищете mouseout JavaScript event.

+0

Я думаю, что это то, что искали OP, и меня тоже: P – GoodSp33d

0

AFAIK Там нет разнюхивать событие, но

если вы хотите для ссылки, который Вы посещаете ранее вы можете использовать

a:visited{ 

} 
1

Существует не селектор MouseOut типа для CSS. Но нормальный стиль элемента - это его «мышиное» состояние!

Что именно вы пытаетесь сделать, что обычный CSS и селектор :hover не накрывают?

Скорее всего, вы можете сделать это с помощью JavaScript. См. here или here.

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