How to center the cursor in a text input having a placeholder in Edge without JS?

css microsoft-edge
Tamás Bolvári picture Tamás Bolvári · Oct 18, 2015 · Viewed 12.9k times · Source

It works in every browser except Edge. Is there a pure CSS workaround?

Answer

Sampson picture Sampson · Oct 20, 2015

Nice find, Tamás! This appears to be a bug with our form controls. Note that the cursor respects the instruction when there is no placeholder, but falls back to left-alignment when there is a placeholder. This seems very unintentional, and worth digging into.

Related questions

IE and Edge fix for object-fit: cover;

I'm using object-fit: cover; in my CSS for images on a specific page, because they need to stick on the same height. It works great in most browsers. But when scaling my browser in IE or Edge, the image is …

Read More
How to Identify Microsoft Edge browser via CSS?

I'm developing web application and I need to identify Microsoft Edge's browser separately from others, to apply unique styling. Is there a way to identify Edge by using CSS? Just like, <!--[if IE 11]> Special instructions for IE 11 …

Read More
How to target Microsoft Edge with CSS?

I would like to target Edge and have flexbox behave simliar to Firefox 33 / Chrome, for more detail see this question. Can one target Edge in CSS?

Read More