Было бы хорошо не иметь дьявольский знак вставки в области, когда по контролю щелкают. The answer to How to hide the caret in an"> Было бы хорошо не иметь дьявольский знак вставки в области, когда по контролю щелкают. The answer to How to hide the caret in an"> Было бы хорошо не иметь дьявольский знак вставки в области, когда по контролю щелкают. The answer to How to hide the caret in an" />

Мы можем скрыть знак вставки в числовом поле, не отключая его

У меня есть прядильщик - не текстовое поле или текстовая область

<input type="number" />

enter image description here

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

enter image description here

The answer to How to hide the caret in an HTML text input field?

конечно, не работает, так как прядильщик не бежит, когда область разрушена или только для чтения.

Ни один не делает Скройте textfield мерцающий курсор который не является прядильщиком

Также jQuery прядильщик UI имеет ту же самую проблему

1
nl ja de
Когда контроль сосредоточен.
добавлено автор mplungjan, источник
Я хочу прядильщика, таким образом, type=text не выбор
добавлено автор mplungjan, источник
Нет я не могу. Мне нужен прядильщик.
добавлено автор mplungjan, источник
При каких условиях вы хотите карат (курсор?), чтобы не мигнуть?
добавлено автор Beetroot-Beetroot, источник
Я думаю, что необходимо выносить его. Для тип = "число" , центр/прядильщик/мерцание все стали пакетом. Вы могли попробовать тип = "текст" с образец = "[0-9] *" , но я думаю, что вы получите ту же самую проблему.
добавлено автор Beetroot-Beetroot, источник
It' s несколько тяжелый, но вы могли попробовать описанную технику здесь.
добавлено автор Beetroot-Beetroot, источник

2 ответы

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

A) Я предложил бы использовать цвет: прозрачный . Если более старая поддержка браузера (я знаю, что старому IEs не понравится это), можно пойти для видимость: скрытый или другие методы, но тогда обращающийся к центру будет жесток.

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

Вот простой codepen пример:

http://codepen.io/barneycarroll/pen/beFgm

1
добавлено
Это должно быть теперь — вы верный Javascript' s позволил?
добавлено автор Barney, источник
Вот фактический результат jsfiddle.net/mplungjan/U46Sj
добавлено автор mplungjan, источник

css:

.your-field{
    color: transparent;
}
  1. add wrapper to the field with position: relative; and a span/div/whatever after the field with position: absolute.

  2. position span correctly (it's top-left should overlap with input text start position)

  3. add event handler on keyup/keydown/custom arrow click/any event that changes input val
  4. handler function (jQuery):

    function() { $('.your-absolute-positioned-element').text( $('.your-field').val() ); }
    
1
добавлено
Спасибо - я пошел с полным примером Барни.
добавлено автор mplungjan, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing