span做成按钮时,文字不想被选中
.button {
display: inline-block;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}
全局去掉滚动条样式
::-webkit-scrollbar {display: none; /* Chrome Safari */}
自定义滚动条样式
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>自定义滚动条样式</title>
<style type="text/css">
div {
width: 200px;
height: 200px;
background-color: #ccc;
overflow: auto;
}
// 复制下面代码
// 去掉滚动条右下角出现的白色方格
::-webkit-scrollbar-corner {
background-color: inherit !important;
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
/*滚动区域背景*/
::-webkit-scrollbar-track-piece {
background-color: black;
-webkit-border-radius: 6px;
}
/*竖向滚动条*/
::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: red;
-webkit-border-radius: 6px;
}
/*横向滚动条*/
::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: lightblue;
-webkit-border-radius: 6px;
}
</style>
</head>
<body>
<div>
<p>hello,world</p>
<p>hello,world</p>
<p>hello,world</p>
<p>hello,world</p>
<p>hello,world</p>
<p>hello,world</p>
</div>
</body>
</html>
效果如下:
**
element ui 的table响应式实现列隐藏
**
import 'element-ui/lib/theme-chalk/display.css';
给相应的div加class属性 ---> class="hidden-xs-only"
css3引入自定义字体
/*引入字体:*/
@font-face{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
}
/*以下实例为在div中使用的字体:*/
div{
font-family: "myFirstFont";
}