In all other browsers, the placeholder of my input of type text starts where the cursor is flickering. However, in Microsoft Edge, the placeholder text appears ahead of the cursor. Is there any way to fix this?
相关问题
- Adding a timeout to a render function in ReactJS
- How to update placeholder text in ng2-smart-table?
-
Why does the box-shadow property not apply to a
- Add animation to jQuery function Interval
- jQuery hover to slide?
It seems I found the answer (the sooner I asked it here...)
The problem is with the text-indent property. Somehow in Edge it moves the cursor at an inequal distance to the placeholder. Using
instead of
solves the isse. Here's a working fiddle with both scenarios: jsfiddle