form.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. .layui-card-body .layui-form{
  2. margin-top: 15px;
  3. }
  4. input::-webkit-input-placeholder,
  5. textarea::-webkit-input-placeholder {
  6. color: #ccc;
  7. }
  8. .layui-input:hover,
  9. .layui-textarea:hover,
  10. .layui-input:focus,
  11. .layui-textarea:focus {
  12. border-color: #eee;
  13. }
  14. .layui-input:focus,
  15. .layui-textarea:focus {
  16. border-color: #5FB878 !important;
  17. box-shadow: 0 0 0 3px #f0f9eb !important;
  18. }
  19. .layui-input[success] {
  20. box-shadow: 0px 0px 0px 3px #f0f9eb !important;
  21. border: #5FB878 1px solid!important;
  22. }
  23. .layui-input[failure],
  24. .layui-form-item .layui-form-danger:focus {
  25. box-shadow: 0px 0px 0px 3px #fef0f0 !important;
  26. border: #F56C6C 1px solid!important;
  27. }
  28. .layui-input,
  29. .layui-select,
  30. .layui-textarea {
  31. border-radius: 4px;
  32. border-color: #eee;
  33. transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  34. }
  35. .layui-form-select dl::-webkit-scrollbar {
  36. width: 0px;
  37. height: 0px;
  38. }
  39. .layui-form-select dl::-webkit-scrollbar {
  40. width: 6px;
  41. height: 6px;
  42. }
  43. .layui-form-select dl::-webkit-scrollbar-track {
  44. background: white;
  45. border-radius: 3px;
  46. }
  47. .layui-form-select dl::-webkit-scrollbar-thumb {
  48. background: #E6E6E6;
  49. border-radius: 3px;
  50. }
  51. .layui-form-select dl::-webkit-scrollbar-thumb:hover {
  52. background: #E6E6E6;
  53. }
  54. .layui-form-select dl::-webkit-scrollbar-corner {
  55. background: #f6f6f6;
  56. }
  57. /* layui 2.6.9 样式变化 */
  58. .layui-form-select dl dd.layui-this{
  59. background-color: #F6F6F6;
  60. font-weight: 700;
  61. }