From 8728733ad60e1698bb6cf0fa2e428c28a6bffbe7 Mon Sep 17 00:00:00 2001
From: linzhijie <19970921lzj>
Date: 星期二, 06 四月 2021 10:34:12 +0800
Subject: [PATCH] 需求提交。
---
src/main/resources/static/ots/css/ry-ui.css | 61 ++++++++++++++++++++++++++++++
1 files changed, 61 insertions(+), 0 deletions(-)
diff --git a/src/main/resources/static/ots/css/ry-ui.css b/src/main/resources/static/ots/css/ry-ui.css
index 19f3d85..88ab63c 100644
--- a/src/main/resources/static/ots/css/ry-ui.css
+++ b/src/main/resources/static/ots/css/ry-ui.css
@@ -362,6 +362,67 @@
max-width: none;
}
+/**
+ * Checkbox Five
+ */
+.checkboxFive {
+ width: 25px;
+ margin: 20px 100px;
+ position: relative;
+}
+
+/**
+ * Create the box for the checkbox
+ */
+.checkboxFive label {
+ cursor: pointer;
+ position: absolute;
+ width: 25px;
+ height: 25px;
+ top: 0;
+ left: 0;
+ background: #eee;
+ border:1px solid #ddd;
+}
+
+/**
+ * Display the tick inside the checkbox
+ */
+.checkboxFive label:after {
+ opacity: 0.2;
+ content: '';
+ position: absolute;
+ width: 9px;
+ height: 5px;
+ background: transparent;
+ top: 6px;
+ left: 7px;
+ border: 3px solid #333;
+ border-top: none;
+ border-right: none;
+
+ -webkit-transform: rotate(-45deg);
+ -moz-transform: rotate(-45deg);
+ -o-transform: rotate(-45deg);
+ -ms-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+}
+
+/**
+ * Create the hover event of the tick
+ */
+.checkboxFive label:hover::after {
+ opacity: 0.5;
+}
+
+/**
+ * Create the checkbox state for the tick
+ */
+.checkboxFive input[type=checkbox]:checked + label:after {
+ opacity: 1;
+}
+
+
/** 澶嶉�夋&鍗曢�夋 **/
.check-box,.radio-box {
display: inline-block;
--
Gitblit v1.9.1