inputmask.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. span.im-caret {
  2. animation: 1s blink step-end infinite;
  3. }
  4. span.im-caret-select {
  5. background-color: rgba(0, 0, 0, 0.25);
  6. }
  7. @keyframes blink {
  8. from, to {
  9. border-right-color: black;
  10. }
  11. 50% {
  12. border-right-color: transparent;
  13. }
  14. }
  15. span.im-static {
  16. color: grey;
  17. }
  18. div.im-colormask {
  19. display: inline-block;
  20. border-style: inset;
  21. border-width: 2px;
  22. -webkit-appearance: textfield;
  23. -moz-appearance: textfield;
  24. appearance: textfield;
  25. }
  26. div.im-colormask > input {
  27. position: absolute !important;
  28. display: inline-block;
  29. background-color: transparent;
  30. color: transparent;
  31. caret-color: transparent;
  32. -webkit-appearance: caret;
  33. -moz-appearance: caret;
  34. appearance: caret;
  35. border-style: none;
  36. left: 0; /*calculated*/
  37. }
  38. div.im-colormask > input:focus {
  39. outline: none;
  40. }
  41. div.im-colormask > input::selection{
  42. background: none;
  43. }
  44. div.im-colormask > input::-moz-selection{
  45. background: none;
  46. }
  47. div.im-colormask > div {
  48. color: black;
  49. display: inline-block;
  50. width: 100px; /*calculated*/
  51. }