Курсор мыши менять. Изменяем курсор мыши с помощью правила CSS Cursor

Здравствуйте, уважаемые читатели блога сайт. Сегодня мы рассмотрим небольшую тему как изменить курсор мыши при помощи css. В операционной системе вашего компьютера предусмотрено несколько возможных вариантов курсора мыши в зависимости от совершаемых действий. Курсор может приобретать вид различных стрелок, руки, перекрестья, песочных часов и т.п.

Такие же образы может приобретать курсор мыши и при работе в браузере при просмотре различных веб страниц. Это возможно благодаря каскадным таблицам стилей, которые предоставляют нам такую замечательную возможность как изменение курсора мыши при наведении его на элементы html страницы.

Курсор мыши можно поменять с помощью правила css cursor , которое позволяет установить форму курсора мыши при наведении его на данный элемент веб-страницы. Этот атрибут можно применять к любому элементу веб страницы, будь это строчный или блочный элемент.

Если посмотреть спецификацию css, то вы заметите, что возможных значений у атрибута cursor довольно много:

cursor: auto|default|none|context-menu|help|pointer|progress|wait|cell|crosshair|text|vertical-text|alias|copy|move|no-drop|not-allowed|e-resize|n-resize|ne-resize|nw-resize|s-resize|se-resize|sw-resize|w-resize|ew-resize|ns-resize|nesw-resize|nwse-resize|col-resize|row-resize|all-scroll|inherit

Большинство значений на практике применяется довольно редко. По умолчанию для свойста cursor применяется значение auto . В этом случае браузер отображает курсор по умолчанию для текущего элемента. Например, при наведении на ссылку курсор приобретает форму руки, в тексте показывается обычный текстовый курсор, а на пустых местах простая стрелочка.

Все основные возможные значения приведены в таблице ниже. Столбец «Значение» содержит значения параметра cursor, во втором столбце «Вид» отображение курсора на моем компьютере, в третьем пример использования параметра с данным значением. При наведении курсора мыши на ячейки со значениями вы сможете увидеть как он изменяется в вашем браузере и сравнить с моим вариантом. В зависимости от вашей операционной системы и настроек вид курсора может отличаться.

Значение Вид Пример
P {cursor: default}
none P {cursor: none}
context-menu P {cursor: context-menu}
help P {cursor: help}
pointer P {cursor: pointer}
progress P {cursor: progress}
wait P {cursor: wait}
cell P {cursor: cell}
crosshair P {cursor: crosshair}
text P {cursor: text}
P {cursor: vertical-text}
alias P {cursor: alias}
copy P {cursor: copy}
move P {cursor: move}
P {cursor: no-drop}
not-allowed P {cursor: not-allowed}
P {cursor: e-resize}
P {cursor: n-resize}
P {cursor: ne-resize}
P {cursor: nw-resize}
P {cursor: s-resize}
P {cursor: se-resize}
P {cursor: sw-resize}
w-resize P {cursor: w-resize}
P {cursor: ew-resize}
P {cursor: ns-resize}
P {cursor: nesw-resize}
P {cursor: nwse-resize}
P {cursor: col-resize}
P {cursor: row-resize}
P {cursor: all-scroll}

Некоторые значения для css правила cursor перечисленные выше могут не работать в различных браузерах. Особенно часто проблемы возникают с Оперой, иногда что то может не работать в браузерах Mozila Firefox и Chrome. Установленный по умолчанию в операционной системе Windows браузер Internet Explorer поддерживает все значения.

С помощью правила cursor также можно задать свой собственный курсор, задав путь к соответствующей картинке. Расширение файла картинки с курсом обычно бывает.cur. Кроме формата CUR Internet Explorer в качестве формата файла курсора поддерживает еще и формат ANI . А Firefox, Chrome и Safari кроме CUR поддерживают еще форматы PNG , GIF и JPG .

При указании своего собственного курсора синтаксис правила немного меняется. Через запятую перечисляется одно или несколько значений url, а последним значением обязательно должно быть одно из ключевых слов:

cursor: url ("адрес картинки 1"), url ("адрес картинки 2"), ..., <ключевое слово>

При таком стилевом правиле браузер сначала попытается открыть первый файл с курсором, а если открыть его не по каким-либо причинам не удается, перейдет к следующему файлу и так далее. Кстати, для этого абзаца я настроил нестандартный курсор. Поэтому при наведении на него мышкой, если ваш браузер поддерживает формат файла, курсор будет меняться. Чтобы достигнуть такого эффекта достаточно такой записи:

текст абзаца

Вообще CSS правило Cursor веб-мастера применяю довольно редко, чтобы не вводить пользователя в заблуждение. Прежде чем переделать вид курсора, определите, будет ли это изменение к месту. Ведь, допустим, что может подумать пользователь, если вместо традиционной руки, появляющейся при наведении на ссылку, возникнет что-то другое.

На этом о курсорах все. Не забудьте подписаться на обновления блога и буду благодарен если воспользуетесь кнопочками социальных сетей.

С каждым новым мажорным обновлением Windows мало-помалу изменяется внешне. От минимализма интерфейс системы переходит к гламуру, от гламура снова к минимализму или смешению стилей, как это можно видеть на примере Windows 10. Графическая оболочка системы раз за разом получает новые элементы, практически неизменными в ней остаются только курсоры. Вид их вполне устраивает большинство пользователей, но среди них всё же есть и такие, кто предпочел бы видеть вместо ничем не примечательных указателей что-то более симпатичное.

Изменение внешнего вида курсора средствами Windows

Поменять курсор мыши на Windows 7/10, к слову, не такая уж и проблема. Можно изменить размер курсора, сделав его крупнее, заменить цвет с белого на черный, добавить эффект инвертирования цвета и вообще заменить курсор другим, совсем непохожим. Все популярные версии Windows позволяют настраивать внешний вид указателя через стандартные настройки. Так, если вы хотите настроить курсор в Windows 7 или 8.1, зайдите в «Панель управления», запустите апплет «Специальные возможности» и нажмите ссылку «Упрощение работы с мышью».

В открывшемся окне вам будет предложено выбрать один из девяти режимов отображения курсора: обычный, большой и огромный белый, обычный, большой и огромный черный и обычный, большой и огромный инверсный. Это самый простой способ увеличить курсор в Windows.

Больше возможностей предлагает настройка «Свойства мыши» (апплет «Мышь»). Переключившись на вкладку «Указатели», вы можете не только выбрать одну из доступных схем, но и изменить любой ее элемент.

Например, вы выбрали схему «Стандартная крупная системная», но при этом хотите, чтобы вместо песочных часов (состояние «Занят») использовался голубой круг из схемы по умолчанию. Нет ничего проще. Кликните по изменяемому элементу и выберите в открывшемся окне тот курсор, который вам нужен.

Аналогичным образом настраивается размер и форма курсора в Windows 10, кстати, в этой версии системы попасть в настройки указателя можно из приложения «Параметры», перейдя по цепочке Специальные возможности – Мышь .

Как скачать и установить новые курсоры мыши

Если встроенных в систему указателей недостаточно, ничего не мешает вам скачать со специализированных сайтов наборы сторонних курсоров. Указатели имеются на любой вкус и цвет: большие и маленькие, минималистичные и самые изящные, статические и анимированные. Установить курсор мыши на Windows 7/10 не составляет особого труда. Как правило, распространяются наборы указателей в архивах. Каждый такой архив помимо файлов курсоров в формате ANI или CUR , содержат файл install.inf . Распаковываем архив, кликаем по файлу install.inf ПКМ и выбираем в меню «Установить».

Курсоры тут же будут скопированы в системную папку C:/Windows/Cursors/Название_Схемы . За сим открываем свойства мыши (из «Панели управления» или быстрой командой main.cpl ), на вкладке «Указатели» выбираем в списке название схемы и жмем «Применить» и «OK».

Если сомневаетесь в правильности названия схемы, можете подсмотреть его в файле install.inf, открыв его Блокнотом и найдя параметр SCHEME_NAME .

Может статься, что конфигурационного установочного файла в архиве не окажется. В этом случае устанавливать указатели придется вручную один за другим. Копируем папку с новыми курсорами в расположение C:/Windows/Cursors , в свойствах мыши выбираем схему «Нет» и начинаем по очереди заменять курсоры, кликая по каждому из них мышкой и указывая путь к соответствующему файлу ANI или CUR.

Произведя эту операцию, жмем в окошке свойств «Сохранить как» и сохраняем набор со своим именем. Вот так все просто.

Настройка и замена курсоров с помощью сторонних программ

Изменить курсор мыши в Windows 7/10 позволяют не только встроенные средства системы. Для этих целей также можно использовать специальные программы, из которых наиболее популярной является CursorFX .

Возможности приложения включают быструю смену схемы (из встроенной библиотеки), добавление анимационных эффектов при нажатии кнопок и т.п., в программе есть даже собственный редактор курсоров. К сожалению, CursorFX не совсем корректно работает в Windows 10, с отображением курсора то и дело возникают проблемы, особенно в меню Пуск, поэтому в этой версии настраивать и изменять указатели мы рекомендуем штатными средствами системы.

На днях сидя за ноутбуком, понял, что нужно внести немного разнообразия, а то все уже приелось. Сменил обои:). Но этого мне показалось мало и я начал искать, что бы это еще преобразить. Так как я не люблю всякие там программы, которые изменяют внешний вид операционной системы, то я решил просто изменить курсор мыши, установил себе черный, как в Mac OS. Вот такой у меня сейчас курсор:

Красиво, правда? Мне он нравится больше, чем стандартный белый курсор Windows, который уже успел надоесть. Я изменил не только вид основного указателя, но и фоновый режим, вид при наведении на ссылку и т. д.

Сейчас покажу и расскажу как я это все изменил. Думаю, Вам пригодиться и Вы тоже внесете немного свежести в свой компьютер.

Для начала нам нужно определиться, на какой набор указателей Вы хотите изменить свой курсор. Нужно скачать набор указателей, который Вам понравился. Это как правило архив, в котором находятся файлы с расширением .cur . Это и есть курсоры.

Скачайте сначала набор курсоров. Можете просто набрать например в гугле запрос “курсоры для windows 7”, там есть я проверял:). Или вот ссылка на архив с указателями, которые установлены у меня – .

Нам нужно файлы, которые находятся в архиве (а в моем архиве еще и в папке Cursors) скопировать в папку C:\Windows\Cursors .

Скопировали? Отлично, продолжаем.

Заходим в Пуск , Панели управления . Просмотр переключаем на Крупные значки и выбираем Мышь .

Откроется окно, в котором переходим на вкладку “Указатели” . Выделяем нужный нам указатель, например сначала “Основной указатель” и нажимаем кнопку Обзор… Откроется сразу папка C:\Windows\Cursors (в которую мы уже скопировали наши новые указатели) . Выделите нужный указатель и нажмите кнопку Открыть .

Вы увидите, что один указатель изменился. Проделайте такое со всеми остальными указателями, или только с теми, которые хотите изменить.


Мышь, а точнее её курсор, отображаемый на мониторе – это ключевой элемент управления интерфейсом системы Windows. Как и в отношении многих важных элементов, у вас может возникнуть потребность или желание редактировать стандартные настройки указателя. Для нетребовательных пользователей может быть достаточно стандартных вариантов, из которых можно выбрать приемлемый, в противном случае всегда есть специализированные сайты с уникальными курсорами мыши.

Для вас не должно стать новостью, что курсор динамически изменяющийся элемент системы. В зависимости от действий, которые производит пользователь или система, он приобретает соответственный вид. Таким образом, в момент загрузки приложения, курсор меняется на ту же стрелку, только снизу ещё песочные часы. Наводя указатель мыши на активные элементы он изменяется на руку. Каждый из вариантов может настраиваться отдельно от других, что позволит вам совместить несколько схем.

Изменение указателя на более приемлемый глазу – это абсолютно безопасная процедура, единственное место, в котором могут быть проблемы, связанно с скачиванием файлов, что всегда сопряжено с риском.

Тем не менее, если пользоваться проверенными ресурсами, вы сможете снизить риск до минимума, например: отличный сайт https://7themes.su/stuff/kursory_windows/7 .

Сначала мы рассмотрим общий вариант, который позволит вам заменить указатель, а ниже разберёмся с установкой сторонних курсоров.

Изменение курсора мыши в Windows 7,8

Действия, необходимые для получения результата, в обоих версиях системы идентичны, поэтому отдельной инструкции делать смысла нет.

1. Откройте меню «Пуск», если у вас 8-ая версия системы вам следует нажать правой кнопкой мыши по значку windows;

3. Найдите пункт «Мышь», чтобы быстро находить элементы нажимайте букву, с которой начинается слово;

4. Нам нужна вкладка «Указатели» в неё и проследуйте;

5. В первую очередь нажмите на выпадающий список, находящийся в разделе «Схема» - это комплект курсоров, такая функция поможет обойтись без ручного изменения всех изображений указателя мыши;

6. Двойной щелчок по любому указателю мыши приведёт к открытию проводника, в котором необходимо задать путь к файлу.

7. Если вы изменяли стандартные схемы или создали свою вам следует прежде её сохранить. Нажмите по кнопке «Сохранить как» и укажите название;

8. Примените изменения, нажав по соответствующей кнопке.

Как изменить курсор в Windows 10?

Действия по замене курсора в Windows 10 в целом подобны тем, что выполнялись и ранее, но все же некоторые отличия есть, в основном из-за изменённого интерфейса. Также отличительной чертой системы является возможность изменять указатель мыши с помощью нескольких способов и регулировать размер изображения.

1 способ

1. Перейдите в «Панель управления» самый доступный способ из панели «Пуск»;

3. В перечне ссылок выберите «Изменение параметров мыши»;

4. Выберите один из предложенных курсоров, также предоставляется возможность регулировать его размер;

5. Сохраните настройки, нажав «Применить».

2 способ

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

1. Перейдите на вкладку «Параметры» из меню «Пуск»;

3. В левом меню произведите клик по «Мышь»;

4. Установите нужное значение и сохраните изменения.

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

Установка нестандартного курсора мыши

Как вы понимаете, нестандартный указатель – это не предусмотренный системой, а разработанный частным лицом курсор. Соответственно вам нужно сначала его скачать. Пользуйтесь сервисами, к которым питают доверие пользователи, чаще всего это выражено первыми результатами на странице поиска. Подберите нужный курсор и скачайте архив с ним.

1. После того как вы скачали архив с курсором, откройте его;

2. Вам нужно, что бы файлы, без лишних файлов попали в нужное место, поэтому убедитесь, что элементы лежат в корне архива;

3. Разархивируйте файлы по пути C:WindowsCursors.

По сути на этом всё, теперь когда производите установку курсора, по одной из инструкций, в соответствии с вашей версией Windows, вам будут доступны для установки изображения. Чтобы указать только что приобретённые изображения для курсора, вам следует дважды нажать по нужному указателю, после чего вам откроется проводник, в нём указать файл. Вам не обязательно устанавливать все файлы на курсоры, которые вы только что скачали, можете совмещать их по своему усмотрению.

После всего, когда определитесь с наилучшим, по вашему мнению, вариантом раскраски курсора, вам следует создать свою собственную схему, что позволит вам быстрее переходить к нужным вариантам оформления курсора.

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

Как разработать свой вариант курсора?

Существует ещё один источник, позволяющий максимально широко производить изображения для курсора – это вы сами. Возможность создавать указатель для мыши вручную предоставляется. Для этого вам следует создать изображение, в формате png, любым редактором изображений , на котором фон будет прозрачным. Далее, используя любой онлайн сервис, преобразуйте изображение в формат.cur. После этого изображение готово к использованию, поместите в указанную выше папку и примените. Таким не хитрым способом вы сможете стать дизайнером вашего личного курсора.

Если у Вас остались вопросы по теме «Изменение курсора мыши в Windows 7,8,10», то можете задать их в комментариях


if(function_exists("the_ratings")) { the_ratings(); } ?>

Операционная система Windows имеет большой набор инструментов по изменению оформления системы. Кроме всего прочего во всех версия Виндовс можно изменить вид курсора, и даже создать свой собственный.

В статье речь пойдет об изменении вида указателя мыши в 7, 8 и 10 версиях системы, который обычно принято называть курсором, хотя это и не совсем верно. Указатели хранятся в файлах с расширением. ani и.cur и хранятся они в папке Cursors . Как видно из расширений, первый хранит в себе анимированные курсоры, второй же статические.

Как установить стандартный указать мыши

Сначала разберем, как поменять стандартный указатель на другой, но из списка установленных в системе.

В первую очередь нужно перейти в . Во всех ОС Виндовс это можно сделать через пуск . В десятке можно кликнуть правой кнопкой мыши по пуску и выбрать необходимый пункт меню.

Тут нас интересует раздел «Мышь » и закладка «Указатели ».

Если в панели управления такого пункта не оказалось, то в правой верхней части окна нужно изменить режим просмотра не мелкие значки.

Перед тем, как приступать к изменению настроек, желательно сохранить установленную схему, чтобы внесенные изменения не отразились на работоспособности системы, если что-то пойдет не так.

Чтобы приступить к изменению указателя, следует нажать на кнопку Обзор , предварительно выбрав режим, для которого будет установлен курсор.

Для каждого действия выбирается отдельный файл. Например можно задать, какой вид примет указатель в случае выделения, ожидания, выбора справки и другого режима.

При загрузке готового набора из интернета, иногда в папке можно встретить файл с расширением. inf , который содержит информацию о наборе и устанавливается в качестве темы. Для этого кликаем по этому файлу правой кнопкой и выбираем Установить . После этого можно будет выбрать уже готовую тему.

Как создать и установить свой курсор

Создать свои курсоры достаточно просто, но нужно обладать минимальными познаниями в создании графики, а также иметь в своем распоряжении графический редактор .

Процедура простая:


Это не единственный способ. Намного проще найти специализированный софт . Таких приложений очень много, как платных, так и распространяемых на бесплатной основе. Обычно они содержать целый набор инструментов для работы, в том числе создания анимации, и позволяют сразу сохранять результат в нужный формат.

  • Сергей Савенков

    какой то “куцый” обзор… как будто спешили куда то