stylus 设置全局样式_发个Stylish@Stylus都有用的代码新建样式插入就可以

水深无声 2022-10-26 12:58 229阅读 0赞

\[CSS\] 纯文本查看 复制代码/\*三行分别是字体粗细(整百数字)，字体样式，字体阴影\*/

\* \{

font-weight: 500!important;

\* \{

font-family: "Microsoft Yahei semibold", "微软雅黑 semibold" !important;

\* \{

text-shadow: 0.01em 0.01em 0.1em \#999999 !important;

/\*滚动条\*/

::-webkit-scrollbar \{

width: 6px;

height: 6px;

::-webkit-scrollbar-track-piece \{

background-color: \#CCCCCC;

\-webkit-border-radius: 6px;

::-webkit-scrollbar-thumb:vertical \{

height: 5px;

background-color: \#999999;

\-webkit-border-radius: 6px;

::-webkit-scrollbar-thumb:horizontal \{

width: 5px;

background-color: \#CCCCCC;

\-webkit-border-radius: 6px;

::-webkit-scrollbar \{

width: 9px;

height: 9px;

::-webkit-scrollbar-track-piece \{

background-color: transparent;

::-webkit-scrollbar-thumb \{

background-color: \#3994EF;

border-radius: 3px;

::-webkit-scrollbar-thumb:hover \{

background-color: \#A4EEF0;

::-webkit-scrollbar-thumb:active \{

background-color: \#666;

::-webkit-scrollbar-button:vertical \{

width: 9px;

::-webkit-scrollbar-button:horizontal \{

width: 9px;

::-webkit-scrollbar-button:vertical:start:decrement \{

background-color: white;

::-webkit-scrollbar-button:vertical:end:increment \{

background-color: white;

::-webkit-scrollbar-button:horizontal:start:decrement \{

background-color: white;

::-webkit-scrollbar-button:horizontal:end:increment \{

background-color: white;

body::-webkit-scrollbar-track-piece \{

background-color: white;

/\*指向图片绿光\*/

img:hover \{

box-shadow: 0px 0px 4px 4px rgba(130, 190, 10, 0.6) !important;

\-webkit-transition-property: box-shadow;

\-webkit-transition-duration: .31s;

img \{

\-webkit-transition-property: box-shadow;

\-webkit-transition-duration: .31s;

/\*输入框美化\*/

input \{

border: \#ccc 1px solid;

border-radius: 6px;

\-webkit-border-radius: 6px;

input\[type="text"\]:focus,

input\[type="password"\]:focus,

textarea:focus \{

border: 2px solid \#6FA1D9 !important;

\-webkit-box-shadow: 0px 0px 5px \#6FA1D9 !important;

outline: none

input\[type="checkbox"\]:focus,

input\[type="submit"\]:focus,

input\[type="reset"\]:focus,

input\[type="radio"\]:focus \{

border: 1px solid \#6FA1D9 !important;

outline: none

input:focus,

select:focus,

textarea:focus \{

outline: 1px solid \#10bae0;

\-webkit-outline-radius: 3px;

body a:hover:active \{

color: \#10bae0;

body \*:focus \{

outline: 2px solid rgba(16, 186, 224, 0.5);

outline-offset: 1px;

box-shadow: 0 0 0 2px;

body a:focus \{

outline-offset: 0px;

body button:focus,

body input\[type=reset\]:focus,

body input\[type=button\]:focus,

body input\[type=submit\]:focus \{

box-shadow: 0 0 0 2px !important;

body textarea:focus,

body button:focus,

body select:focus,

body input:focus \{

outline-offset: -1px !important;

/\*淡蓝色样式\*/

a \{

\-webkit-transition: all 0.3s ease-out;

a:hover \{

color: \#39F !important;

text-shadow: -5px 3px 18px \#39F !important;

\-webkit-transition: all 0.3s ease-out;

\*::-webkit-selection \{

background: \#333333 !important;

color: \#00FF00 !important;

/\*去除下划线\*/

\* \{

text-decoration: none!important

a:hover \{

text-decoration: none!important

a \{

/\*color: \#014A8F;\*/

\-webkit-transition-property: color;

\-webkit-transition-duration: 0.0s;

/\*指向文字加粗\*/

a:hover \{

/\*color: \#0000FF ;\*/

\-webkit-transition-property: color;

\-webkit-transition-duration: 0.0s;

font-weight: bold

/\*访问过链接红色\*/

a:visited,

a:visited \*,

a:active,

a:active \* \{

color: \#FF0000 !important;

stylus 设置全局样式_发个Stylish@Stylus都有用的代码新建样式插入就可以

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关【Bootstrap】004-全局样式：代码

相关 vue 通过less 设置全局样式

相关 CSS全局样式：

相关 CSS全局样式的设置

相关 uni-app设置全局样式

相关 stylus 设置全局样式_发个Stylish@Stylus都有用的代码新建样式插入就可以

相关 Word新建自己的样式

相关一些有用的CSS样式

相关 stylus样式和scss样式的使用区别(混合指令和函数)

相关微信小程序全局函数设置全局样式