Одного разу я верстав сторінку, на якій були присутні текстове поле пошукової форми. Її особливість полягала в тому, що фон був темно-сірого кольору (з текстом білого кольору), з чим я зустрівся вперше за всю свою практику.
І я з подивом виявив, що в більшості браузерів курсор, що стоїть в такому полі, просто-напросто не видно з-за того, що колір самого курсора збігається з кольором поля.
Незважаючи на те, що тексту явно заданий білий колір, курсор даному параметру чомусь не піддається. Білий курсор видно тільки в 3-х браузерах: FireFox 3, Safari і Chrome (перевіряв також в IE6, IE7, IE8b2, FireFox 2, Opera 9.6).
У зв'язку з цим хотілося б дізнатися у спеців: чи існує спосіб кросбраузерності зміни кольору курсору в текстовому полі?
Випадок хоч і дуже рідкісний по моїй практиці, але рішення не було б зайвим, якщо, звичайно, воно взагалі існує.
Попередні з рубрики
а навіщо ставити таке колір контролів, щоб не було видно курсора, а потім це проблему вирішувати?
Таке питання краще ставити або замовнику дизайну, або дизайнерові.
Мгу запропонувати збочений, але реальний спосіб.
На JS написати скрипт, який би «блимав» символом «|» в кінці строчки ... Естесственно, цей символ буде такою ж як і текст.
Інших варіантів я не бачу.
Мда завал з цим IE, доведеться залишати поля білими.
Може бути намалювати курсор і при собтіі mousedown перехопити подія mousemove і позиціонувати курсор в обробнику mousemove відповідно координатам, які отримати з об'єкта event - коротше поточн. коорд. курсору. + - пікселі?
Вся фігня саме в цьому кольорі. # 818181;
тому ie інвертує курсор, а не бере його з стилю.
Якщо взяти схожий колір, але трохи темніше. Курсор буде видно.
НЕ # 818181; а хоча б # 717 "
Колір курсора змінює свій колір разом з кольором шрифту інакше CSS не вміє