style: 全部样式更新2.0
This commit is contained in:
@@ -3,6 +3,7 @@
|
||||
* http://cssreset.com
|
||||
* 全局初始化样式
|
||||
*/
|
||||
|
||||
html,
|
||||
body,
|
||||
div,
|
||||
@@ -78,25 +79,30 @@ mark,
|
||||
audio,
|
||||
video,
|
||||
input {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font-weight: normal;
|
||||
vertical-align: baseline;
|
||||
outline: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font-weight: normal;
|
||||
vertical-align: baseline;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
body {
|
||||
/* px-to-viewport-ignore-next */
|
||||
min-width: 1024px; /* px-to-viewport-ignore */
|
||||
}
|
||||
html {
|
||||
/* px-to-viewport-ignore-next */
|
||||
min-width: 1024px; /* px-to-viewport-ignore */
|
||||
/* px-to-viewport-ignore-next */
|
||||
min-width: 1024px;
|
||||
/* px-to-viewport-ignore */
|
||||
}
|
||||
|
||||
html {
|
||||
/* px-to-viewport-ignore-next */
|
||||
min-width: 1024px;
|
||||
/* px-to-viewport-ignore */
|
||||
}
|
||||
|
||||
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
@@ -107,88 +113,99 @@ header,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
display: block;
|
||||
}
|
||||
|
||||
blockquote,
|
||||
q {
|
||||
quotes: none;
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
blockquote::before,
|
||||
blockquote::after,
|
||||
q::before,
|
||||
q::after {
|
||||
content: none;
|
||||
content: none;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
|
||||
/* custom */
|
||||
|
||||
li {
|
||||
//list-style: none;
|
||||
//list-style: none;
|
||||
}
|
||||
|
||||
button {
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
background-color: transparent;
|
||||
border-style: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
background-color: transparent;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
.el-textarea__inner::placeholder {
|
||||
color: #999 !important;
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
.el-input__inner::placeholder {
|
||||
color: #999 !important;
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
input::-webkit-input-placeholder {
|
||||
color: #999 !important;
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
.el-input__inner::-webkit-input-placeholder {
|
||||
color: #999 !important;
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
input::placeholder {
|
||||
color: #999 !important;
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
textarea::placeholder {
|
||||
color: #999 !important;
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html,
|
||||
body,
|
||||
#app {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
font-family: Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif,
|
||||
Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbo;
|
||||
width: 100%;
|
||||
// height: 100%;
|
||||
font-family: Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbo;
|
||||
}
|
||||
|
||||
|
||||
/* //滚动条样式 */
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* 滚动槽 */
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
|
||||
/* 滚动条滑块 */
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 10px;
|
||||
background: #ccc;
|
||||
border-radius: 10px;
|
||||
background: #ccc;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:window-inactive {
|
||||
background: rgba(249, 222, 222, 0.6);
|
||||
}
|
||||
background: rgba(249, 222, 222, 0.6);
|
||||
}
|
||||
Reference in New Issue
Block a user