6 character only print for input field after remove letter spacing

Asked Jun 19 '18 at 07:35

Active Jun 19 '18 at 07:35

Viewed 99 times

I refer for this post How to partition input field to appear as separate input fields on screen?. It's working for every browser fine. But ie not working for position:sticky. any other option i can use, Below my code.

.otp_form_control {
  border-radius: 0;
  border: 0;
  outline: 0;
  background-color: transparent;
  padding-left: 24px;
  letter-spacing: 67px;
  background-image: linear-gradient(to left, #cacaca 76%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 79px 1px;
  background-repeat: repeat-x;
  background-position-x: 60px;
  width: 510px;
  min-width: 510px;
  font-weight: bold;
  font-size: 20px;
}

#divInner {
  left: 0;
  position: sticky;
}

#divOuter {
  width: 455px;
  overflow: hidden;
}

input[type=text]::-ms-clear {
  display: none;
}

<div id="divOuter">
  <div id="divInner">
    <input id="otp21" class="otp_form_control" name="otp1" autocomplete="off" maxlength="6" type="text" />
  </div>
</div>

IE browser only not working... Some one help me

edited Jun 19 '18 at 07:35

Rory McCrossan

331,213
40
305
339

asked Jun 19 '18 at 07:35

Sastha

1

IE does not support [`position: sticky`](https://developer.mozilla.org/en-US/docs/Web/CSS/position#Browser_compatibility) at all. There is a polyfill you can use though: https://github.com/wilddeer/stickyfill – Rory McCrossan Jun 19 '18 at 07:36
I know guys, I need remove letter spacing issue.. – Sastha Jun 19 '18 at 07:38
Please run the code in ie browser, It's not working for properly, I need that solution – Sastha Jun 19 '18 at 07:39
I know, that's why I gave you the solution above. – Rory McCrossan Jun 19 '18 at 07:39
@RoryMcCrossan I tried this, it's not working for me. If you have worked. please add – Sastha Jun 19 '18 at 07:41
@RoryMcCrossan I tried do you have any solution... – Sastha Jun 19 '18 at 07:50
The one I linked to previously works absolutely fine. If you have a specific issue with it I would suggest you start a new question about that - making sure to include how you have incorporated the polyfill in to the page, and any errors you get in the console – Rory McCrossan Jun 19 '18 at 07:50
Ok. I will change my format, can you remove duplicate this question. – Sastha Jun 19 '18 at 07:54
No. Please ask a new question – Rory McCrossan Jun 19 '18 at 07:55

6 character only print for input field after remove letter spacing

0 Answers0