|
@@ -1,8 +1,8 @@
|
|
|
html, body{
|
|
|
background: url("../images/bg2.png") no-repeat;
|
|
|
background-size: cover;
|
|
|
- height: 100vh;
|
|
|
- overflow: hidden;
|
|
|
+ /*height: 100vh;
|
|
|
+ overflow: hidden;*/
|
|
|
}
|
|
|
*{
|
|
|
margin: 0;
|
|
@@ -150,16 +150,47 @@ input:focus,textarea:focus{
|
|
|
-moz-box-shadow: #58a6e7 0px 0px 2px;
|
|
|
box-shadow: #58a6e7 0px 0px 2px;
|
|
|
}
|
|
|
-input::-webkit-input-placeholder{
|
|
|
- color: #c3ebf5;
|
|
|
+::-webkit-input-placeholder{
|
|
|
+ color: #6794A8;
|
|
|
}
|
|
|
|
|
|
-input:-moz-placeholder,textarea:-moz-placeholder{
|
|
|
- color: #c3ebf5;
|
|
|
+:-moz-placeholder,:-moz-placeholder{
|
|
|
+ color: #6794A8;
|
|
|
+}
|
|
|
+::-moz-placeholder,::-moz-placeholder{
|
|
|
+ color: #6794A8;
|
|
|
}
|
|
|
-input::-moz-placeholder,textarea::-moz-placeholder{
|
|
|
- color: #c3ebf5;
|
|
|
+:-ms-input-placeholder,:-ms-input-placeholder{
|
|
|
+ color: #6794A8;
|
|
|
+}
|
|
|
+
|
|
|
+/* chrome & safari 浏览器 */
|
|
|
+/*滚动条整体部分,必须要设置*/
|
|
|
+/*滚动条的上下两端的按钮*/
|
|
|
+.right_content::-webkit-scrollbar-button,
|
|
|
+ul::-webkit-scrollbar-button {
|
|
|
+ height: 0;
|
|
|
+ background-color: transparent;
|
|
|
+}
|
|
|
+::-webkit-scrollbar{
|
|
|
+ /*滚动条整体样式*/
|
|
|
+ width: 5px;
|
|
|
+ /*高宽分别对应横竖滚动条的尺寸*/
|
|
|
+ height: 5px;
|
|
|
+ background: transparent;
|
|
|
}
|
|
|
-input:-ms-input-placeholder,textarea:-ms-input-placeholder{
|
|
|
- color: #c3ebf5;
|
|
|
+
|
|
|
+::-webkit-scrollbar-thumb{
|
|
|
+ /*滚动条里面小方块*/
|
|
|
+ width: 5px;
|
|
|
+ height: 5px;
|
|
|
+ border-radius: 5px;
|
|
|
+ background: #6794A8;
|
|
|
+}
|
|
|
+
|
|
|
+::-webkit-scrollbar-track{
|
|
|
+ /*滚动条里面轨道*/
|
|
|
+ border-radius: 5px;
|
|
|
+ background: transparent;
|
|
|
+ opacity: .2;
|
|
|
}
|