inputmask.css 981 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. mark.im-caret {
  2. animation: 1s blink step-end infinite !important;
  3. }
  4. mark.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. appearance: textfield;
  23. }
  24. div.im-colormask > input {
  25. position: absolute !important;
  26. display: inline-block;
  27. background-color: transparent;
  28. color: transparent;
  29. caret-color: transparent;
  30. appearance: caret;
  31. border-style: none;
  32. left: 0; /*calculated*/
  33. }
  34. div.im-colormask > input:focus {
  35. outline: none;
  36. }
  37. div.im-colormask > input::selection{
  38. background: none;
  39. }
  40. div.im-colormask > input::-moz-selection{
  41. background: none;
  42. }
  43. div.im-colormask > div {
  44. color: black;
  45. display: inline-block;
  46. width: 100px; /*calculated*/
  47. }