css 与jQuery Calendar和jQuery UI一起使用。这是css在日历上包含像对象一样的可拖动卡片

Posted 2021-05-13

#external-events .fc-event {
    box-shadow: hsl(198, 4%, 62%) 0px -2px inset, hsla(200, 12%, 61%, 0.2) 1px 0px 0px inset, hsla(200, 12%, 61%, 0.2) -1px 0px 0px inset, hsla(200, 12%, 61%, 0.2) 0px 1px 0px inset !important;
    z-index: auto;
  left: 0px;
  top: 0px;
  border: 1px solid hsl(0, 0%, 93%);
  box-shadow: hsla(0, 0%, 0%, 0.0901961) 0px 0px 3px;
  margin-top: 0px;
  overflow: hidden;
  background: hsl(0, 100%, 100%);
}
.drag-handle {
  width: 25px;
  position: absolute;
  bottom: 7px;
  background: url(https://spinner.cnet.com/rb-doors/includes/chrome/art/vegas/stickyWin_drag_handle.png) 2px 0px no-repeat;
  right: -11px;
  height: 24px;
}
div.details {
    float: left;
  width: 75%;
  font-size: 15px;
}
#external-events .fc-event a {
  float: right;
  font-size: smaller;
}
.fc-event > small {
  clear: both;
  padding-top: 5px;
  color: hsl(0, 0%, 60%);
  height: 50px;
}

.fc-event.ui-draggable.ui-draggable-handle {}

#external-events .fc-event.ui-draggable-dragging {
    box-shadow: hsl(18, 94%, 72%) 0px -5px inset, hsla(200, 12%, 61%, 0.2) 1px 0px 0px inset, hsla(200, 12%, 61%, 0.2) -1px 0px 0px inset, hsla(200, 12%, 61%, 0.2) 0px 1px 0px inset !important;
}