formValidation.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. /**
  2. * UI v1.0.0
  3. * Copyright 2015-2017 Muyao
  4. * Licensed under the Muyao License 1.0
  5. */
  6. .fv-has-feedback {
  7. position: relative;
  8. }
  9. .fv-control-feedback {
  10. position: absolute;
  11. top: 0;
  12. right: 0;
  13. z-index: 2;
  14. display: block;
  15. width: 34px;
  16. height: 34px;
  17. line-height: 34px;
  18. text-align: center;
  19. }
  20. .fv-help-block {
  21. display: block;
  22. }
  23. /* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  24. /* ~~~ For Bootstrap form ~~~ */
  25. /* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  26. .fv-form-bootstrap .help-block {
  27. margin-bottom: 0;
  28. }
  29. .fv-form-bootstrap .tooltip-inner {
  30. text-align: left;
  31. }
  32. /* Bootstrap不带标签的垂直表单 */
  33. .fv-form-bootstrap .fv-icon-no-label {
  34. top: 0;
  35. }
  36. .fv-form-bootstrap .fv-bootstrap-icon-input-group {
  37. z-index: 11;
  38. }
  39. /* Bootstrap内联表单 */
  40. .form-inline.fv-form-bootstrap .form-group {
  41. vertical-align: top;
  42. }
  43. .fv-form-bootstrap .has-feedback {
  44. position: relative;
  45. }
  46. .fv-form-bootstrap .has-feedback .form-control {
  47. padding-right: 40px;
  48. }
  49. .fv-form-bootstrap .has-feedback div.form-control {
  50. padding-right: 0;
  51. }
  52. .fv-form-bootstrap .form-control-feedback {
  53. position: absolute;
  54. right: 0;
  55. z-index: 2;
  56. width: 30px;
  57. height: 30px;
  58. margin: 1px 1px 0 0;
  59. line-height: 30px;
  60. text-align: center;
  61. pointer-events: none;
  62. /*background: #fff;*/
  63. border-radius: 4px;
  64. }
  65. .row > .form-group .form-control-feedback {
  66. margin-right: 12px;
  67. }
  68. .fv-form-bootstrap.form-group-lg {
  69. width: 36px;
  70. height: 36px;
  71. line-height: 36px;
  72. }
  73. .fv-form-bootstrap.form-group-sm {
  74. width: 24px;
  75. height: 24px;
  76. line-height: 24px;
  77. }
  78. .fv-form-bootstrap .form-control.input-lg + .form-control-feedback {
  79. width: 36px;
  80. height: 36px;
  81. line-height: 36px;
  82. }
  83. .fv-form-bootstrap .form-control.input-sm + .form-control-feedback {
  84. width: 24px;
  85. height: 24px;
  86. line-height: 24px;
  87. }
  88. .help-block[data-fv-validator] + .help-block[data-fv-validator] {
  89. margin-top: 0;
  90. }