inputmask.css 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. span.im-caret {
  2. -webkit-animation: 1s blink step-end infinite;
  3. -moz-animation: 1s blink step-end infinite;
  4. -ms-animation: 1s blink step-end infinite;
  5. -o-animation: 1s blink step-end infinite;
  6. animation: 1s blink step-end infinite;
  7. }
  8. @keyframes blink {
  9. from, to {
  10. border-right-color: black;
  11. }
  12. 50% {
  13. border-right-color: transparent;
  14. }
  15. }
  16. @-moz-keyframes blink {
  17. from, to {
  18. border-right-color: black;
  19. }
  20. 50% {
  21. border-right-color: transparent;
  22. }
  23. }
  24. @-webkit-keyframes blink {
  25. from, to {
  26. border-right-color: black;
  27. }
  28. 50% {
  29. border-right-color: transparent;
  30. }
  31. }
  32. @-ms-keyframes blink {
  33. from, to {
  34. border-right-color: black;
  35. }
  36. 50% {
  37. border-right-color: transparent;
  38. }
  39. }
  40. @-o-keyframes blink {
  41. from, to {
  42. border-right-color: black;
  43. }
  44. 50% {
  45. border-right-color: transparent;
  46. }
  47. }
  48. span.im-static {
  49. color: grey;
  50. }
  51. div.im-colormask {
  52. display: inline-block;
  53. border-style: inset;
  54. border-width: 2px;
  55. -webkit-appearance: textfield;
  56. -moz-appearance: textfield;
  57. appearance: textfield;
  58. }
  59. div.im-colormask > input {
  60. position: absolute !important;
  61. display: inline-block;
  62. background-color: transparent;
  63. color: transparent;
  64. caret-color: transparent;
  65. -webkit-appearance: caret;
  66. -moz-appearance: caret;
  67. appearance: caret;
  68. border-style: none;
  69. left: 0; /*calculated*/
  70. }
  71. div.im-colormask > input:focus {
  72. outline: none;
  73. }
  74. div.im-colormask > input::selection{
  75. background: none;
  76. }
  77. div.im-colormask > input::-moz-selection{
  78. background: none;
  79. }
  80. div.im-colormask > div {
  81. color: black;
  82. display: inline-block;
  83. width: 100px; /*calculated*/
  84. }