Как сделать курсор неизменным в области полей CSS

Question

У меня есть div с width=160px, height=80px.По какой-то причине у div есть margin-left=540px.Кроме того, в CSS я устанавливаю cursor:pointer.

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

Мне нужно использовать маржу, поскольку использование позиции приведет к некоторой структурной ошибке.*

Answer 1

Можете ли вы достичь этого с помощью элемента css :after pseudo, например:

div{
    width:100px;
    height:100px;
    background:red;
    margin-left:100px;
    cursor:pointer;
    position:relative;
}
div:after{
    content:'';
    position:absolute;
    height:100%;
    top:0;
    left:-100px;
    width:100px;
}

http://jsfiddle.net/EwLVu/

Answer 2

У меня та же проблема, и я нашел решение. Я написал в своем CSS что-то вроде thaht:

body {cursor:url('adress to your .cur file'), default;}

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

html {cursor:url('adress to your .cur file'), default;} 

и теперь отлично работает.

Answer 3

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

Редактировать : вот пример: http://jsfiddle.net/d2MvF/