CODEWITHSUNDEEP
htmlcss
Champ Decay
Champ Decay

Reputation: 228

Placeholder looks weird in Chrome, How to Solve

As per below Image In Chrome browser, Placeholder not works well... It is slideing to left side.

How i can solve this.

I didn't use any CSS for Placeholder

Code is just like

<input type="text" name="users_address" placeholder="Address" required="">

enter image description here

Upvotes: 1

Views: 261

Answers (3)

Champ Decay
Champ Decay

Reputation: 228

For Chrome only:

::-webkit-input-placeholder {text-indent:15px;}

Upvotes: 0

Abdur Rehman
Abdur Rehman

Reputation: 3293

if you are facing issue in default feature then why not use JS solution which will work accors all browser? I have used this plugin and it work in most of the browser.

Upvotes: 1

veera
veera

Reputation: 327

don't know why it's happen, you can just add this code in your css

input::placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder,
input::-ms-input-placeholder {
  text-indent:10px;
}

Upvotes: 3

Related Questions