From 179a6dac5551114df568f42c25dbd7280d55c88d Mon Sep 17 00:00:00 2001 From: Frost-ZX <30585462+Frost-ZX@users.noreply.github.com> Date: Wed, 9 Oct 2019 00:56:49 +0800 Subject: [PATCH] =?UTF-8?q?=E6=90=9C=E7=B4=A2=E5=BC=95=E6=93=8E=E6=A0=8F?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E7=BE=8E=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/css/style.css | 42 ++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 40 insertions(+), 2 deletions(-) diff --git a/docs/css/style.css b/docs/css/style.css index 44da34d..ff20dc8 100644 --- a/docs/css/style.css +++ b/docs/css/style.css @@ -389,6 +389,7 @@ main section li a:not(.back) { height: 45px; width: 100%; background-color: #FFF; + border-radius: 5px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05); white-space: nowrap; } @@ -398,6 +399,7 @@ main section li a:not(.back) { box-sizing: border-box; height: 100%; width: calc(100% - 45px); + background-color: transparent; border: none; font-size: 14px; } @@ -415,10 +417,9 @@ main section li a:not(.back) { } .search-engine-select ul { + margin-top: 20px; width: 100%; - height: 40px; text-align: center; - line-height: 40px; } .search-engine-select ul li { @@ -428,6 +429,43 @@ main section li a:not(.back) { font-size: 16px; } +/* radio 样式 */ +.search-engine-select ul li input[type="radio"] { + position: absolute; + opacity: 0; +} +.search-engine-select ul li input[type="radio"] + label:before { + content: ''; + border-radius: 0px; + background: #FFF; + border: 1px solid #999; + display: inline-block; + width: 1em; + height: 1em; + position: relative; + top: 0; + margin-right: 0.25em; + vertical-align: top; + text-align: center; + transition: all 0.25s ease; +} +.search-engine-select ul li input[type="radio"]:checked + label:before { + background-color: #03A9F4; + box-shadow: inset 0 0 0 2px #FFF; +} +.search-engine-select ul li input[type="radio"]:focus + label:before { + outline: none; + border-color: #00BCD4; +} +.search-engine-select ul li input[type="radio"]:disabled + label:before { + box-shadow: inset 0 0 0 2px #FFF; + border-color: #999; + background: #999; +} +.search-engine-select ul li input[type="radio"] + label:empty:before { + margin-right: 0; +} + /* 悬浮栏 */ .floating-bar {